메뉴
Implementation plan and snippets for the specified React stack.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Format responses in plain Markdown using simple headings, bullets, and fenced code blocks.
Prefer purpose-built filesystem and text tools over shell, batch independent calls, and use safe edit locators.
Use attached and local context first, separate observed facts from inferred conclusions, and cite source paths.
Generate one Mermaid diagram plus concise commentary.
Scaffold idiomatic table-driven tests for a given function.
Turn goals, market or user research, constraints, and stakeholder input into a PRD, MRD, or product requirements artifact with testable requirements and acceptance criteria. Source-grounded; flags assumptions and missing inputs explicitly.
| name | fe-stack-react-vite |
| description | Implementation plan and snippets for the specified React stack. |
| insert | user-message |
| arguments | [{"name":"featureName"},{"name":"focusArea","description":"area to focus on, e.g., architecture, performance, accessibility, testing"},{"name":"notes"}] |
Provide architecture overview, folder layout, sample code and styling tips.
Use Markdown H2/H3 headings.
Label code blocks (tsx, bash, ...).
Functional components, React-Router v7, DaisyUI where styling.
Feature name: {{featureName}}
Focus area={{focusArea}}
{{notes}}
