# Generate Component Documentation > Generate documentation for new components. Use when writing docs, documenting components, or creating component documentation. Use when this capability is needed. - Skill: `tomevault-io/generate-component-documentation` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/generate-component-documentation` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/generate-component-documentation/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/generate-component-documentation --- ## Instructions When generating documentation for a new component: 1. **Follow existing patterns**: Use the documentation styles found in the `docs` folder (examples: `button.md`, `accordion.md`, etc.) 2. **Reference implementations**: Base the documentation on the same-named story implementation in `crates/story/src/stories` 3. **API references**: Use markdown `code` blocks with links to docs.rs for component API references when applicable ## Examples The generated documentation should include: - Component description and purpose - Props/API documentation - Usage examples - Visual examples (if applicable) --- > Source: [zerx-lab/rmx](https://github.com/zerx-lab/rmx) — distributed by [TomeVault](https://tomevault.io).