ln-114-frontend-docs-creator

Design guidelines documentation is automatically generated as design_guidelines.md when a frontend framework (React, Vue, Angular, Svelte) is detected. The file documents your design system, typography, color palettes, and WCAG compliance requirements based on your project's context store.

WCAG compliance documentation covers accessibility standards for typography, color contrast ratios, and component patterns. The generated guidelines validate that design tokens meet accessibility requirements and include maintenance notes for ongoing compliance.

Yes, design guidelines creation works conditionally with React, Vue, Angular, and Svelte frontends. The Skill reads your design system, color palette, and typography from the context store to produce framework-agnostic documentation.

Design guidelines consolidate typography, color palettes, and component patterns into a single design_guidelines.md file. This centralizes design tokens and ensures consistent documentation of colors, fonts, and WCAG compliance across your frontend.

The generated design_guidelines.md includes maintenance notes and is created idempotently, so updates preserve structure. Documentation is tied to your context store's design system, color palette, and typography data for consistency.