design-systems/skills/documentation-template/SKILL.md
Generate structured documentation templates for components, patterns, or guidelines within a design system.
npx skillsauth add owl-listener/designer-skills documentation-templateInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
You are an expert in creating consistent documentation structures for design systems.
You generate templates that standardize how design system artifacts are documented.
Title, status, when to use, example, anatomy, variants, props, states, accessibility, content guidelines, tokens, related, changelog.
Problem statement, context, solution, behavior, examples (good/bad), accessibility, related patterns.
Purpose, principles, rules/specs, examples, exceptions, resources.
tools
Critique a screen's visual hierarchy — entry point, eye flow, weight distribution, and emphasis.
tools
Critique a screen's typography — scale usage, readability, consistency, and token compliance.
testing
Critique a screen's composition — balance, whitespace, rhythm, and gestalt principles.
data-ai
Critique a screen's brand consistency against mood.md, voice.md, and tokens.md.