Ln 114 Frontend Docs Creator
This is a conditional worker in a multi-skill documentation pipeline that generates design_guidelines.md when your project has a frontend. It gets invoked by a coordinator skill (ln-110) and pulls design tokens, color palettes, typography, and component libraries from context to create WCAG 2.1 compliant design docs. The output feeds into runtime guards that validate your actual implementation against documented standards. Notable constraint: it explicitly forbids code examples in favor of tables and links, which makes sense for design guidelines but might feel sparse if you're used to reference implementations. Works across React, Vue, Angular, and Svelte with stack-specific adaptations. Idempotent, won't overwrite existing files, and enforces a strict no-placeholder policy in published output.
- skills.sh installs
- 384
- GitHub stars
- 591
- last updated
- Aug 21, 2026
Install
$ npx -y skills add levnikolaevich/claude-code-skills --skill ln-114-frontend-docs-creator --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a conditional worker in a multi-skill documentation pipeline that generates design_guidelines.md when your project has a frontend. It gets invoked by a coordinator skill (ln-110) and pulls design tokens, color palettes, typography, and component libraries from context to create WCAG 2.1 compliant design docs. The output feeds into runtime guards that validate your actual implementation against documented standards. Notable constraint: it explicitly forbids code examples in favor of tables and links, which makes sense for design guidelines but might feel sparse if you're used to reference implementations. Works across React, Vue, Angular, and Svelte with stack-specific adaptations. Idempotent, won't overwrite existing files, and enforces a strict no-placeholder policy in published output.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/levnikolaevich/claude-code-skills
- Categories
- Frontend Development, Documentation, Design & UI/UX
- First seen
- Jun 3, 2026
More from levnikolaevich/claude-code-skills
All 128- Ln 115 Devops Docs Creator384
- Ln 401 Task Executor384
- Ln 700 Project Bootstrap384
- Ln 732 Cicd Generator384
- Ln 301 Task Creator383
- Ln 522 Manual Tester383
- Ln 302 Task Replanner382
- Ln 511 Code Quality Checker382
- Ln 640 Pattern Evolution Auditor382
- Ln 760 Security Setup382
- Ln 772 Error Handler Setup382
- Ln 632 Test E2e Priority Auditor381
- Ln 741 Linter Configurator381
- Ln 781 Build Verifier381
- Ln 120 Reference Docs Creator380
- Ln 651 Query Efficiency Auditor380
- Ln 110 Project Docs Coordinator379
- Ln 111 Root Docs Creator379
- Ln 643 Api Contract Auditor379
- Ln 731 Docker Generator379
- Ln 733 Env Configurator379
- Ln 402 Task Reviewer378
- Ln 404 Test Executor378
- Ln 720 Structure Migrator378
Recommended
More Frontend Development
i18n-frontend-implementerpatricio0312rev/skillsAdds internationalization (i18n) infrastructure with translation plumbing, scalable key strategy, formatters for dates/numbers/currency, plural rules, and langu371skills.sh installs
zustandpedronauck/skillsExpert guide for Zustand state management patterns, store organization, and best practices. Use when implementing client state management with Zustand, creating362skills.sh installs
vercel-ui-skillsihlamury/design-skillsVercel's UI design system. Use when building interfaces inspired by Vercel's aesthetic - light mode, Inter font, 4px grid.358skills.sh installs
frontend-design-ultimatekesslerio/frontend-design-ultimate-clawhub-skillfrontend design ultimate331skills.sh installs