一键导入
frontend-feature-implementation
Best practices for implementing features. Use when building pages, wiring API integrations, or assembling organisms.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
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.