Cursor PRD FSD Frontend
Use this skill when work should follow the imported Cursor rule pack rather than generic frontend implementation.
What This Skill Enforces
- PRD first, then tests, then implementation
- FSD import and layer discipline
- shadcn-first UI composition
- Next.js / React best practices
- terminology consistency via a product glossary
- Vitest / RTL testing standards
Workflow
- If the request is a new feature or UI change, create or update the PRD first.
- If the request is implementation work, inspect the relevant PRD before changing code.
- Apply the architecture and UI rules before writing or reviewing code.
- If tests are expected, follow the imported testing standard and run targeted tests.
Reference Loading Guide
Read only the files needed for the task:
- Workflow rules:
references/feature-workflow.mdc
- Architecture and import rules:
references/fsd-architecture.mdcreferences/react-best-practices.mdc
- UI and terminology rules:
references/ui-shadcn.mdcreferences/ui-terminology.mdc
- Testing rules:
references/testing-standard.mdc
- PRD structure:
references/prd-template.md
Reference Selection Rules
After this skill is triggered, choose references by request type:
- New frontend feature or broad UI implementation:
references/feature-workflow.mdcreferences/fsd-architecture.mdcreferences/react-best-practices.mdcreferences/testing-standard.mdc when tests matter
- Auth, login, role, menu, permission, navigation wording:
references/ui-terminology.mdcreferences/feature-workflow.mdc- relevant PRD sample from
assets/prd-samples/
- Sidebar, layout, form, dialog, filter, input-heavy UI:
references/ui-shadcn.mdcreferences/fsd-architecture.mdc- relevant PRD sample from
assets/prd-samples/
- FSD refactor, import cleanup, slice structure work:
references/fsd-architecture.mdc
- React / Next.js rendering, RSC, Server Action, searchParams, Suspense work:
references/react-best-practices.mdc
- Test addition or failing UI tests:
references/testing-standard.mdc
- New PRD creation or PRD rewrite:
references/prd-template.md- closest matching sample in
assets/prd-samples/
Bundled PRD Samples
Use the sample PRDs in assets/prd-samples/ when you need concrete examples for:
- auth/login
- sidebar/navigation
- equipment management
- workflow pages such as notice, maintenance intake, and work permit
Integration Policy
- Do not overwrite existing Codex skills unless explicitly asked.
- Treat this skill as an additional ruleset that activates only when relevant.
- If an existing project already has stronger local rules or an
AGENTS.md, follow the project-local rules first and use this skill as supporting guidance.
1---2name: cursor-prd-fsd-frontend3description: Use when the user wants to follow or migrate a Cursor-style frontend rule pack into Codex, especially for `.mdc` or `.cursor/rules` based workflows. Covers PRD-first development, PRD -> test -> implement workflow, FSD architecture rules, shadcn UI conventions, Next.js/React best practices, Vitest/RTL testing standards, and PRD samples for auth, sidebar, equipment, notice, maintenance-intake, and work-permit screens. Triggers include requests about Cursor rules, Cursor settings migration, .mdc files, PRD 먼저, FSD, shadcn, frontend rule packs, and sidebar/auth/workflow PRDs.4---56# Cursor PRD FSD Frontend78Use this skill when work should follow the imported Cursor rule pack rather than generic frontend implementation.910## What This Skill Enforces1112- PRD first, then tests, then implementation13- FSD import and layer discipline14- shadcn-first UI composition15- Next.js / React best practices16- terminology consistency via a product glossary17- Vitest / RTL testing standards1819## Workflow20211. If the request is a new feature or UI change, create or update the PRD first.222. If the request is implementation work, inspect the relevant PRD before changing code.233. Apply the architecture and UI rules before writing or reviewing code.244. If tests are expected, follow the imported testing standard and run targeted tests.2526## Reference Loading Guide2728Read only the files needed for the task:2930- Workflow rules:31 - `references/feature-workflow.mdc`32- Architecture and import rules:33 - `references/fsd-architecture.mdc`34 - `references/react-best-practices.mdc`35- UI and terminology rules:36 - `references/ui-shadcn.mdc`37 - `references/ui-terminology.mdc`38- Testing rules:39 - `references/testing-standard.mdc`40- PRD structure:41 - `references/prd-template.md`4243## Reference Selection Rules4445After this skill is triggered, choose references by request type:4647- New frontend feature or broad UI implementation:48 - `references/feature-workflow.mdc`49 - `references/fsd-architecture.mdc`50 - `references/react-best-practices.mdc`51 - `references/testing-standard.mdc` when tests matter52- Auth, login, role, menu, permission, navigation wording:53 - `references/ui-terminology.mdc`54 - `references/feature-workflow.mdc`55 - relevant PRD sample from `assets/prd-samples/`56- Sidebar, layout, form, dialog, filter, input-heavy UI:57 - `references/ui-shadcn.mdc`58 - `references/fsd-architecture.mdc`59 - relevant PRD sample from `assets/prd-samples/`60- FSD refactor, import cleanup, slice structure work:61 - `references/fsd-architecture.mdc`62- React / Next.js rendering, RSC, Server Action, searchParams, Suspense work:63 - `references/react-best-practices.mdc`64- Test addition or failing UI tests:65 - `references/testing-standard.mdc`66- New PRD creation or PRD rewrite:67 - `references/prd-template.md`68 - closest matching sample in `assets/prd-samples/`6970## Bundled PRD Samples7172Use the sample PRDs in `assets/prd-samples/` when you need concrete examples for:7374- auth/login75- sidebar/navigation76- equipment management77- workflow pages such as notice, maintenance intake, and work permit7879## Integration Policy8081- Do not overwrite existing Codex skills unless explicitly asked.82- Treat this skill as an additional ruleset that activates only when relevant.83- If an existing project already has stronger local rules or an `AGENTS.md`, follow the project-local rules first and use this skill as supporting guidance.
kim-dh2417