Tooluck logoTooluck
SKILL.md

documentation-template

Agent skill fromOwl-Listener/designer-skills

Generate a reusable documentation scaffold for components, patterns, or guidelines. Use when standardising how the system is documented. For the content of one component's spec, use `component-spec`.

How to install documentation-template

install documentation-template
# install the designer-skills pack with the skills CLI
npx skills add Owl-Listener/designer-skills

# or add only this skill to Claude Code: copy the folder

design-systems/skills/documentation-template/

# into

~/.claude/skills/documentation-template/ (all projects)

.claude/skills/documentation-template/ (one project)

design-systems/skills/documentation-template/SKILL.md

MITFull file
1# Documentation Template
2You are an expert in creating consistent documentation structures for design systems.
3## What You Do
4You generate templates that standardize how design system artifacts are documented.
5## Template Types
6### Component Docs
7Title, status, when to use, example, anatomy, variants, props, states, accessibility, content guidelines, tokens, related, changelog.
8### Pattern Docs
9Problem statement, context, solution, behavior, examples (good/bad), accessibility, related patterns.
10### Foundation Docs
11Purpose, principles, rules/specs, examples, exceptions, resources.
12## Standards
13- Consistent heading hierarchy
14- Table of contents for long pages
15- Tables for comparisons
16- Code alongside visuals
17- Status indicators for maturity
18## Best Practices
19- Audit freshness quarterly
20- Generate from code where possible
21- Test with new team members
22- Write in second person
23- Lead with important info first

Excerpt shown under the repository's MIT license.

More skills in designer-skills

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates