with one click
ln-114-frontend-docs-creator
// Creates design_guidelines.md with WCAG 2.1 compliance and design system docs. Use when project has a frontend.
// Creates design_guidelines.md with WCAG 2.1 compliance and design system docs. Use when project has a frontend.
[HINT] Download the complete skill directory including SKILL.md and all related files
| name | ln-114-frontend-docs-creator |
| description | Creates design_guidelines.md with WCAG 2.1 compliance and design system docs. Use when project has a frontend. |
| license | MIT |
| model | claude-sonnet-4-6 |
Paths: File paths (
references/,../ln-*) are relative to this skill directory.
Type: L3 Worker
L3 Worker that creates design_guidelines.md. CONDITIONAL - only invoked when project has frontend.
design_guidelines.md is loaded by ln-401 (Frontend Guard) and ln-402 (Frontend Review Checks) for runtime design validation against implementationhasFrontend=true (react, vue, angular, svelte detected)From coordinator:
contextStore: Context Store with frontend-specific data
targetDir: Project root directoryflags: { hasFrontend }MANDATORY READ: Load references/docs_quality_contract.md, and references/markdown_read_protocol.md.
Optional rule catalog: load references/docs_quality_rules.json only when exact rule IDs, path matrices, or allowlisted placeholder exceptions are needed.
| File | Condition | Questions | Auto-Discovery |
|---|---|---|---|
| docs/project/design_guidelines.md | hasFrontend | Q43-Q45 | Low |
!hasFrontend: return early with empty result[TBD: ...]Quick Navigation, Agent Entry, Maintenance){
"created_files": ["docs/project/design_guidelines.md"],
"skipped_files": [],
"quality_inputs": {
"doc_paths": ["docs/project/design_guidelines.md"],
"owners": {
"docs/project/design_guidelines.md": "ln-114-frontend-docs-creator"
}
},
"validation_status": "passed"
}
[TBD: ...], TODO, or leaked template metadata in frontend docsDesign guidelines document visual standards, NOT code:
Tables (colors, typography, spacing) > Lists (component inventory) > Text
MANDATORY READ: Load references/docs_generation_summary_contract.md
Accept optional summaryArtifactPath.
Summary kind:
docs-generationRequired payload semantics:
worker = "ln-114"statuscreated_filesskipped_filesquality_inputsvalidation_statuswarningsWrite the summary to the provided artifact path or return the same envelope in structured output.
references/templates/design_guidelines_template.mdreferences/questions_frontend.md (Q43-Q45)Version: 1.1.0 Last Updated: 2025-01-12