Документация дизайн-системы из токенов

★ 6.8 · general

design-system-documenter is a Claude Code skill that transforms raw design tokens into developer-friendly documentation with token reference tables, code examples, accessibility notes, and do/don't guidelines. It works with the Read, Write, and Glob tools — reading tokens.json or CSS variable files and producing .md/.mdx pages ready for Docusaurus, VitePress, or Storybook, complete with frontmatter and optional interactive MDX components. Each generated page covers token values alongside usage context, WCAG contrast ratios for color combinations, and reduced-motion handling, addressing the common team question: "which token do I use here?". Best run after design-system-generator when tokens exist but adoption documentation is missing; pairs well with docs-architect for integrating into a broader documentation site.