القائمة
Run the pre-completion checks before declaring a task done. Executes lint, markup lint, build (tsc), tests, and reminds the user to verify Storybook visually.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Rules and conventions for building React components in this repo (composition pattern, no logic in component body, styling tokens, file layout, etc.). Read this before writing or editing any component.
Stage files, generate a commit message in this repo's Conventional Commits style, and commit after user approval.
Port a component from the HTML reference (digital-go-jp/design-system-example-components-html) to this React + Storybook project.
Review changed code in this repo against the project's review checklist (readability, maintainability, performance, security, consistency).
Author component documentation in this project. Docs live inside the component's *.stories.tsx (Storybook autodocs), translated from the HTML reference's MDX structure into JSX, in Japanese.
Write tests for components in this project. Covers Storybook-based UI tests (composeStories + vitest-browser-react), unit tests for hooks/utils, and the conventions that keep tests deterministic and meaningful.
| name | pre-completion-check |
| description | Run the pre-completion checks before declaring a task done. Executes lint, markup lint, build (tsc), tests, and reminds the user to verify Storybook visually. |
git branch --show-currentgit status --shortRun each command and report pass/fail. If any command fails, stop and surface the failure to the user before continuing.
npm run lint — Biome lintnpm run lint:markup — Markuplint (also checks .stories.tsx)npm run build — tsc && vite build (doubles as typecheck)npm test — Vitest (unit + Storybook). To scope to one component while iterating, pass the path through npm with --: npm test -- src/components/Foo (don't call npx vitest directly — stay on the project's npm script).These cannot be automated; list them so the user can confirm before merging:
npm run storybook) and each affected Story (including autodocs) was visually verified.console.log or other debug output left in the diff.