メニュー
AIKit Playwright Component Testing conventions — helpersPlaywright.tsx, *.visual.spec.tsx, Docker-required test execution, one test per story, screenshots for portal-mounted dialogs. Use when creating or editing files under a component's __tests__/ directory.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
AIKit component-creation checklist. Use whenever creating a new component under `src/components/<level>/<Name>/`, editing a level barrel (`src/components/<level>/index.ts`), or modifying `package.json#exports`. Ensures the component is reachable from the main entry, has a dedicated subpath export, and is listed in `docs/COMPONENTS.md` and `llms.txt`.
AIKit component README structure — Features, Usage, Props table, Styling with CSS variables. Use when creating or editing a component's README.md file.
AIKit Storybook conventions — Docs.mdx and *.stories.tsx structure, story types (Playground, Default, Variants, Edge Cases), decorators. Use when creating or editing any file under a component's __stories__/ directory.
SOC 職業分類に基づく
| name | aikit-testing |
| description | AIKit Playwright Component Testing conventions — helpersPlaywright.tsx, *.visual.spec.tsx, Docker-required test execution, one test per story, screenshots for portal-mounted dialogs. Use when creating or editing files under a component's __tests__/ directory. |
Read docs/guidelines/testing.md and follow it when creating or modifying Playwright tests for AIKit components.
Tests must be run via npm run playwright:docker (and npm run playwright:docker:update to refresh snapshots) — not local Playwright.
