docs-page

Name: Docs Page
Author: indielayer

// Create or update component documentation pages in packages/ui/docs. Use when adding docs, demos, DocumentPage, usage.vue, or component doc routes.

Manus에서 실행

$ git log --oneline --stat

stars:223

forks:13

updated:2026년 5월 20일 22:45

SKILL.md

readonly

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

Docs page

Add route

Create packages/ui/docs/pages/component/<name>/index.vue:

const title, const description, const demos, const components
Import demos and ?raw code for <document-page>
Set back / next to sibling folder names (lowercase)
Demos use kebab-case: <x-button>

Add demo SFCs alongside (usage.vue, variants.vue, …).

Regenerate indexes

From packages/ui:

pnpm gen:search
pnpm gen:llms

Verify

pnpm dev

Reference: packages/ui/docs/pages/component/button/index.vue

related-skills.json

같은 저장소

add-component.md

from "indielayer/ui"

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.

2026-05-22223

release.md

from "indielayer/ui"

Prepare @indielayer/ui changes for release with changesets and conventional commits. Use when versioning, publishing, changelog, semver, or before merging user-facing library changes.

2026-05-22223

component-theme.md

from "indielayer/ui"

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.

2026-05-20223

package.json