OpenSkillIndex← back to search
claude-code

Designer-skills documentation-template

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

install
source · Clone the upstream repo
git clone https://github.com/Owl-Listener/designer-skills
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/Owl-Listener/designer-skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/design-systems/skills/documentation-template" ~/.claude/skills/owl-listener-designer-skills-documentation-template && rm -rf "$T"
manifest: design-systems/skills/documentation-template/SKILL.md
source content

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