Menu
Best practices for implementing features. Use when building pages, wiring API integrations, or assembling organisms.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| 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.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.