Menu
Create or update component documentation pages in packages/ui/docs. Use when adding docs, demos, DocumentPage, usage.vue, or component doc routes.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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