메뉴
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.
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 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.
SOC 직업 분류 기준
| name | aikit-storybook |
| description | 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. |
Read docs/guidelines/storybook.md and follow it when creating or modifying Storybook stories or Docs.mdx files for AIKit components.
