القائمة
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