Agent skill · Frontend

update-component-docs

Update component documentation when code changes

AgnosticUIgithub.com/AgnosticUIGitHub ↗
claude-coderead-onlyApache-2.0
Install
npx skills add AgnosticUI/agnosticui --skill update-component-docs --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 2 KB
Bundled scripts: none
Allowed tools: ReadGrepGlob
Path: .claude/skills/update-component-docs/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 822
Language: TypeScript

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

**Usage:** `/update-component-docs COMPONENT_NAME` **Examples:** - `/update-component-docs button` - `/update-component-docs alert` Update docs for component: $ARGUMENTS **Setup:** 1. Read `.claude/PROJECT_CONTEXT.md` for AgnosticUI structure and paths **Process:** 2. **Locate component files:** ``` Read v2/lib/src/components/$ARGUMENTS* Read v2/site/docs/components/$ARGUMENTS.md Glob v2/playgrounds/*/src/stories/*$ARGUMENTS* Glob v2/examples/*/src/*$ARGUMENTS* ``` 3. **Identify what changed:** - Core component API (props, slots, events) - CSS custom properties or design tokens - Behavior or interaction patterns - Accessibility features - Breaking changes vs additions 4. **Check related documentation:** - VitePress component page for API tables and usage examples - Storybook stories across Lit, React, and Vue playgrounds - Example implementations in each framework - Related playbook if component has specific use case docs - Design tokens if styling/theming changed 5. **Propose documentation updates:** - **VitePress:** Update props tables, events, slots, CSS custom properties, usage examples - **Storybook stories:** Update args, controls, story descriptions across all three framewor

More from agnosticui
All skills →
About this skill
What does the update-component-docs skill do?

Update component documentation when code changes

How do I install it?

Run `npx skills add AgnosticUI/agnosticui --skill update-component-docs --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From AgnosticUI/agnosticui, a repository with 822 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going