メニュー
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.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/digital-go-jp/design-system-example-components-react --skill pre-completion-checkコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Port a component from the HTML reference (digital-go-jp/design-system-example-components-html) to this React + Storybook project.
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.
Author component documentation in this project. Docs live in a standalone <Name>.mdx file next to the component's Stories, written in Japanese. Covers the React-first doc structure to write for any component, plus a short addendum for migrating content from the HTML reference's MDX.
SOC 職業分類に基づく
SKILL.md を表示中
| 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 its .mdx docs page, if any) was visually verified.console.log or other debug output left in the diff.