Documentation Template
Generates structured templates for documenting design system components, patterns, and foundations with predefined sections. You get consistent heading hierarchies, status indicators, and standardized spots for anatomy, variants, accessibility notes, and changelogs. The templates follow common technical writing principles like second person voice and inverted pyramid structure. Honestly most useful when you're starting a design system from scratch or trying to wrangle existing docs into consistency. The quarterly freshness audits and testing with new team members are solid advice baked into the approach.
- skills.sh installs
- 2.3K
- GitHub stars
- 3.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add owl-listener/designer-skills --skill documentation-template --agent claude-codeInstalls into .claude/skills of the current project.
Files
Documentation Template
You are an expert in creating consistent documentation structures for design systems.
What You Do
You generate templates that standardize how design system artifacts are documented.
Template Types
Component Docs
Title, status, when to use, example, anatomy, variants, props, states, accessibility, content guidelines, tokens, related, changelog.
Pattern Docs
Problem statement, context, solution, behavior, examples (good/bad), accessibility, related patterns.
Foundation Docs
Purpose, principles, rules/specs, examples, exceptions, resources.
Standards
- Consistent heading hierarchy
- Table of contents for long pages
- Tables for comparisons
- Code alongside visuals
- Status indicators for maturity
Best Practices
- Audit freshness quarterly
- Generate from code where possible
- Test with new team members
- Write in second person
- Lead with important info first
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/owl-listener/designer-skills
- Categories
- Documentation, Design & UI/UX
- First seen
- Jun 3, 2026
More from owl-listener/designer-skills
All 68- Pattern Library2.3K
- Affinity Diagram2.3K
- Interview Script2.3K
- Card Sort Analysis2.3K
- Design Rationale2.3K
- Accessibility Test Plan2.3K
- A B Test Design2.3K
- Metrics Definition2.3K
- Diary Study Plan2.3K
- Stakeholder Alignment2.3K
- Test Scenario2.3K
- Design Review Process2.3K
- North Star Vision2.3K
- Opportunity Framework2.3K
- Summarize Interview2.2K
- Design System Adoption2.2K
- Team Workflow2.2K
- Design Sprint Plan2.2K
- Click Test Plan2.2K
- Version Control Strategy2.2K
- Information Architecture2.2K
- Aesthetic Usability2.2K
- Navigation Patterns2.1K
- Motion System2.1K
Recommended
More Documentation
scientific-writingdavila7/claude-code-templatesCore skill for the deep research and writing tool. Write scientific manuscripts in full paragraphs (never bullet points). Use two-stage process: (1) create sect2Kskills.sh installs
dd-docsdatadog-labs/agent-skillsDatadog docs lookup using docs.datadoghq.com/llms.txt and linked Markdown pages.1.9Kskills.sh installs
api-documentation-generatorsickn33/antigravity-awesome-skillsapi documentation generator1.9Kskills.sh installsdocumentation-templatessickn33/antigravity-awesome-skillsdocumentation templates1.4Kskills.sh installs
chinese-documentationjnmetacode/superpowers-zh中文文档排版参考——中英文空格、全半角标点、术语保留、链接格式、中文文案排版指北约定。仅在用户显式 /chinese-documentation 时调用，不要根据上下文自动触发。1.2Kskills.sh installs