Ln 114 Frontend Docs Creator

What it does

This skill, Ln 114 Frontend Docs Creator, automatically generates a design_guidelines.md file for frontend projects using levnikolaevich's ln-114 components. It leverages information from a Context Store provided by the ln-110-project-docs-coordinator, focusing on design system details like color palettes, typography, and component libraries. The generated documentation is used by other tools (ln-401 and ln-402) for runtime design validation.

When to use it

This skill isn't directly invoked by users; instead, it runs automatically under specific conditions:

• When a project includes frontend code (React, Vue, Angular, or Svelte).
• As part of the documentation generation process coordinated by ln-110-project-docs-coordinator.
• To create design guidelines for projects utilizing Material-UI, Ant Design, or custom design systems.

Key capabilities

• Generates a design_guidelines.md file.
• Consumes data from a Context Store to populate documentation.
• Supports various frontend frameworks (React, Vue, Angular, Svelte).
• Focuses on accessibility compliance (WCAG 2.1 Level AA).
• Integrates with ln-401 and ln-402 for design validation.

Example prompts

This skill is not directly prompted by users. It's triggered automatically based on project conditions managed by the coordinator.

Tips & gotchas

• Dependency: This skill relies on the ln-110-project-docs-coordinator to provide necessary context data.
• Conditional Execution: The skill only runs when a frontend is detected (hasFrontend=true).
• Mandatory Reads: The skill requires access to specific files: shared/references/docs_quality_contract.md, shared/references/docs_quality_rules.json, and shared/references/markdown_read_protocol.md.