digital-go-jp/design-system-example-components-react

port-html-to-react

Port a component from the HTML reference (digital-go-jp/design-system-example-components-html) to this React + Storybook project.

component-rules

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.

write-component-docs

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…

pre-completion-check

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.

write-tests

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.

create-commit

Stage files, generate a commit message in this repo's Conventional Commits style, and commit after user approval.

review

Review changed code in this repo against the project's review checklist (readability, maintainability, performance, security, consistency).