菜单
Implement or modify frontend features in the React app with correct service boundaries, shared UI usage, and matching tests. Use when asked to add pages, components, API integrations, or state/UI behavior in apps/frontend.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Add or update Playwright E2E tests for backend APIs or frontend UI in this monorepo. Use when asked for end-to-end verification, cross-service test coverage, or deterministic integration tests.
Diagnose and fix failing CI checks in this Nx polyglot monorepo. Use when asked to investigate GitHub Actions failures, pre-push issues, or failing affected lint/test/build targets.
Update and validate OpenAPI specs when backend API contracts change. Use when adding/changing endpoints, DTOs, response schemas, or auth requirements in api-go or api-java.
Add or update a backend API endpoint in this polyglot monorepo. Use when asked to create REST endpoints, handlers/controllers, request or response DTOs, service logic, routes, OpenAPI updates, and matching tests.
Author, validate, and document Postgres schema migrations in this monorepo. Use when asked to add tables/columns/indexes, modify schema, or prepare rollback-safe DB changes.
| name | add-frontend-feature |
| description | Implement or modify frontend features in the React app with correct service boundaries, shared UI usage, and matching tests. Use when asked to add pages, components, API integrations, or state/UI behavior in apps/frontend. |
Use this skill when building or updating UI behavior in apps/frontend.
From docs/polyglot-architecture.md:
Do not introduce new API calls to the wrong service.
libs/ui-shared first for reusable primitives.Typical touch points:
apps/frontend/src/App.tsxapps/frontend/src/pages/*apps/frontend/src/components/*Keep components focused and avoid unrelated refactors.
apps/frontend/src/**/*.spec.tsx.apps/frontend-e2e specs.pnpm nx run frontend:lintpnpm nx run frontend:testnpm run test:e2e:frontend (when flow spans full app behavior)Run hooks if required by workflow:
npm run hooks:run:pre-commitnpm run hooks:run:pre-push