frontend Cursor ruleA

frontend from darknecrocities/skillbuilder is a Cursor rule: instructions the Cursor agent follows in that repo.

Install it, pinned
mdr add darknecrocities/skillbuilder/.cursor/rules/frontend.mdc@git:20261029.1aa6bef

Pins git:20261029.1aa6bef in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 14 of 14 checks passed
Kind
Cursor rule
Repository
darknecrocities/skillbuilder
Path
.cursor/rules/frontend.mdc
Versions recorded
1
Latest version
git:20261029.1aa6bef, committed Oct 29, 2026
Size
7,166 bytes
Repository stars
13
License
none declared

Frontend architecture, state management, and lifecycle engineering skill. Governs React 19, Next.js, and Flutter with clean boundary isolation.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Frontend Architecture & State Management (`/frontend`)

> **Philosophy**: *Keep components pure. Isolate side effects. Manage state deliberately. Handle errors at the boundary. Never leak business logic into render trees.*

This skill enforces high-performance client architecture across React 19, Next.js App Router, TypeScript, and modern web applications.

---

## 1. Quick Navigation & Progressive Disclosure

| Resource Type | Document | Description |
| :--- | :--- | :--- |
| **Reference** | [references/rsc-and-action-boundaries.md](references/rsc-and-action-boundaries.md) | RSC rules, leaf client boundaries, Server Actions with Zod validation. |
| **Reference** | [references/client-state-lifecycle.md](references/client-state-lifecycle.md) | State scope matrix, optimistic UI updates via useOptimistic, URL state. |
| **Utility** | [scripts/verify_frontend_architecture.py](scripts/verify_frontend_architecture.py) | Scans components for inline fetch calls, bloated client boundaries, and missing error boundaries. |

---

## 2. Architecture Tiers & Component Separation

```mermaid
flowchart TD
    subgraph Server["Server Layer"]
        A["React Server Component (RSC)"]
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add darknecrocities/skillbuilder/.cursor/rules/frontend.mdc@sha256:e42dafea44d1f63c

The line at the top of this page pins the label git:20261029.1aa6bef, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_44ggdiwfxyib3cm4.svg)](https://markdownregistry.com/a/art_44ggdiwfxyib3cm4)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Oct 29, 2026.

versioncommittedcommitsizeaudit
git:20261029.1aa6bef latest2026-10-29 1aa6bef 7,166 BA view

Audit of the latest version

A  14 of 14 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Size between 200 bytes and 200 KB (7166 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

darknecrocities/skillbuilder · 13 stars · license none declared · pushed 2026-10-29 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_44ggdiwfxyib3cm4
GET https://markdownregistry.com/api/v1/resolve?ref=darknecrocities/skillbuilder/.cursor/rules/frontend.mdc
GET https://markdownregistry.com/api/v1/blob/e42dafea44d1f63ca2ec4cea77bd16dbf6288cc38d3b2d1bb0830e758d55644f

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: Cursor rules vs AGENTS.md · which agent file does what.

More from darknecrocities/skillbuilder

3d Cursor rule
darknecrocities/skillbuilder · .cursor/rules/3d.mdc · Interactive 3D WebGL, Three.js, and React Three Fiber (R3F) engineering skill. Enforces 60fps budgets, PBR materials…
git:20261029.1aa6bef · audit A · 13 stars
ai Cursor rule
darknecrocities/skillbuilder · .cursor/rules/ai.mdc · Architect, implement, and maintain production AI systems, Gemini API agents, Antigravity multi-agent orchestration…
git:20261029.1aa6bef · audit A · 13 stars
anti-slop Cursor rule
darknecrocities/skillbuilder · .cursor/rules/anti-slop.mdc · Anti-AI-slop and clean craftsmanship skill. Eliminates decorative badges, fake mock databases, neon gradients, obvious…
git:20261029.1aa6bef · audit A · 13 stars
antigravity-automation Cursor rule
darknecrocities/skillbuilder · .cursor/rules/antigravity-automation.mdc · Automate recurring, background, event-driven, and multi-agent workflows in Google Antigravity. Crafts scheduled…
git:20261029.1aa6bef · audit A · 13 stars
api-design Cursor rule
darknecrocities/skillbuilder · .cursor/rules/api-design.mdc · API contract design and OpenAPI 3.1 specification skill. Enforces RFC 7807 problem details, idempotency headers, and…
git:20261029.1aa6bef · audit A · 13 stars
aws Cursor rule
darknecrocities/skillbuilder · .cursor/rules/aws.mdc · Amazon Web Services resilient cloud architecture, serverless Lambda execution, S3 bucket security, DynamoDB…
git:20261029.1aa6bef · audit A · 13 stars
backend Cursor rule
darknecrocities/skillbuilder · .cursor/rules/backend.mdc · Architect, implement, and maintain resilient backend services, clean architecture, REST/gRPC API contracts, strict…
git:20261029.1aa6bef · audit A · 13 stars
continuous-learning Cursor rule
darknecrocities/skillbuilder · .cursor/rules/continuous-learning.mdc · Continuous conversational learning protocol (CLP) skill. Persists user corrections and project conventions to…
git:20261029.1aa6bef · audit A · 13 stars
data-pipelines Cursor rule
darknecrocities/skillbuilder · .cursor/rules/data-pipelines.mdc · Data pipeline engineering, streaming ETL with backpressure, Apache Arrow memory structures, DuckDB in-process…
git:20261029.1aa6bef · audit A · 13 stars
database Cursor rule
darknecrocities/skillbuilder · .cursor/rules/database.mdc · Architect, implement, and maintain resilient relational and NoSQL databases, zero-downtime schema migrations…
git:20261029.1aa6bef · audit A · 13 stars
devops Cursor rule
darknecrocities/skillbuilder · .cursor/rules/devops.mdc · Architect, implement, and maintain secure cloud infrastructure on GCP/AWS, multi-stage non-root Docker containers…
git:20261029.1aa6bef · audit A · 13 stars
firebase Cursor rule
darknecrocities/skillbuilder · .cursor/rules/firebase.mdc · Firebase serverless architecture, Cloud Firestore schema design, Security Rules (firestore.rules, storage.rules)…
git:20261029.1aa6bef · audit A · 13 stars

Every file in darknecrocities/skillbuilder

Other files named frontend

frontend SKILL.md skill
code-yeongyu/oh-my-openagent · packages/shared-skills/skills/frontend/SKILL.md · Builds, styles, and polishes anything drawn with HTML, CSS, or SVG: web UI, pages, components, HTML reports rendered to…
git:20261029.39a2827 · audit A · 70,648 stars
frontend SKILL.md skill
code-yeongyu/oh-my-openagent · packages/skills-loader-core/src/features/builtin-skills/frontend/SKILL.md · Builds, styles, and polishes web UI and UX. Use for any frontend, page, component, styling, layout, animation, or…
git:20260923.b55e5ce · audit A · 70,648 stars
frontend SKILL.md skill
sipyourdrink-ltd/bernstein · templates/skills/frontend/SKILL.md · React / Next.js UI, state, accessibility.
git:20260419.8d1fdd1 · audit A · 1,289 stars
frontend SKILL.md skill
notque/vexjoy-agent · skills/frontend/frontend/SKILL.md · Frontend: UI design, distinctive visual styles, HTML artifacts, Three.js 3D.
git:20261019.4f1e3cd · audit B · 445 stars
frontend SKILL.md skill
oyadotai/oya-browser · .agents/skills/frontend/SKILL.md · Use when building or changing anything in the frontend: a page, a component, a layout, styling, copy on screen…
git:20261021.2ea469d · audit A · 351 stars
frontend SKILL.md skill
oyadotai/oya-browser · .claude/skills/frontend/SKILL.md · Use when building or changing anything in the frontend: a page, a component, a layout, styling, copy on screen…
git:20261021.2ea469d · audit A · 351 stars
frontend SKILL.md skill
romiluz13/cc10x · plugins/cc10x/skills/frontend/SKILL.md · Two-mode frontend skill: (1) authoring — accessibility, responsive layout, loading/error states, performance, DESIGN.md…
git:20260719.252ad11 · audit A · 166 stars
frontend SKILL.md skill
nerds-odd-e/doughnut · .agents/skills/frontend/SKILL.md · Vue frontend — components, Vitest, generated API client, apiCallWithLoading, DaisyUI. Read this first for any frontend…
git:20261010.b42772f · audit B · 50 stars

Browse by kind, by grade A, or by owner.