documentation-template

star 1.6k

Generate structured documentation templates for components, patterns, or guidelines within a design system.

Owl-Listener By Owl-Listener schedule Updated 3/7/2026

name: documentation-template description: Generate structured documentation templates for components, patterns, or guidelines within a design system.

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
Install via CLI
npx skills add https://github.com/Owl-Listener/designer-skills --skill documentation-template
Repository Details
star Stars 1,577
call_split Forks 278
navigation Branch main
article Path SKILL.md
More from Creator
Owl-Listener
Owl-Listener Explore all skills →