메뉴
Best practices for implementing features. Use when building pages, wiring API integrations, or assembling organisms.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Design system patterns for reusable UI via atomic design, Tailwind tokens/variants, and accessibility. Use when creating atoms/molecules, theming, or hardening a11y.
Entity Framework Core best practices for configuration, queries, concurrency, and multi-tenancy.
Frontend architecture patterns for React apps (React Router 7, TanStack Query). Use when planning features, defining routes, data strategies, and component gaps.
Infrastructure standards for Docker, scripts, middleware, and authentication in multi-tenant deployments.
Integration testing performance optimization, test parallelization, cleanup strategies, and CI/CD categorization patterns. Use when optimizing test execution speed, managing test data, or structuring tests for automated pipelines.
ASP.NET Core Minimal APIs patterns for endpoints, DTOs, validation, and service integration. Use when implementing API endpoints, defining request/response contracts, or structuring API projects with clean separation of concerns.
| name | frontend-feature-implementation |
| description | Best practices for implementing features. Use when building pages, wiring API integrations, or assembling organisms. |
The Product Developer assembles the application using the blueprint (FTS) and parts (Design System).
src/pages and src/components/organisms.src/templates/AppLayout.tsx for consistent page structure.useMutation hooks.isPending is true.src/api/client.ts.useVenue(id)).onLoad event and ensure markers are cleaned up.data-testid="feature-name" to key interactive elements.