菜单
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 页面并帮你完成安装。
基于 SOC 职业分类
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.
| 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.
