메뉴
Create or update component documentation pages in packages/ui/docs. Use when adding docs, demos, DocumentPage, usage.vue, or component doc routes.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Add a new Vue component to @indielayer/ui with themes, tests, docs, and registry exports. Use when creating a new component, adding X-prefixed components, or scaffolding under packages/ui/src/components.
Prepare @indielayer/ui changes for release with changesets and conventional commits. Use when versioning, publishing, changelog, semver, or before merging user-facing library changes.
Edit or add component theme classes and styles for base and carbon variants. Use when changing component appearance, Tailwind classes, theme tokens, Divider/Button themes, or files matching *.theme.ts.
| name | docs-page |
| description | Create or update component documentation pages in packages/ui/docs. Use when adding docs, demos, DocumentPage, usage.vue, or component doc routes. |
| disable-model-invocation | true |
Create packages/ui/docs/pages/component/<name>/index.vue:
const title, const description, const demos, const components?raw code for <document-page>back / next to sibling folder names (lowercase)<x-button>Add demo SFCs alongside (usage.vue, variants.vue, …).
From packages/ui:
pnpm gen:search
pnpm gen:llms
pnpm dev
Reference: packages/ui/docs/pages/component/button/index.vue