// Create or update component documentation pages in packages/ui/docs. Use when adding docs, demos, DocumentPage, usage.vue, or component doc routes.
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