Individual skill
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.
skills/tech/frontend/design/frontend-design/SKILL.md
Source commit e02ec7e226a6e4f8419fd3b88a1d8e472d421b32
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Local scripts
- Last checked
- Nov 11, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 185
- Repository last updated
- Feb 24, 2026
- License
- Not available
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- design Derived category
- engineering Derived category
- design-interface Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesSKILL.mdcore · 12,626 bytesassets/component-spec-schema.jsonasset · 4,034 bytesassets/palette-schema.jsonasset · 2,325 bytesassets/token-schema.jsonasset · 5,680 bytesreferences/design-philosophy.mddoc · 7,316 bytesreferences/framework-templates.mddoc · 7,447 bytesreferences/token-formats.mddoc · 6,212 bytesscripts/analyze-accessibility.tsruns · 19,165 bytesscripts/analyze-styles.tsruns · 17,266 bytesscripts/extract-tokens.tsruns · 14,354 bytesscripts/generate-component.tsruns · 22,562 bytesscripts/generate-palette.tsruns · 18,111 bytesscripts/generate-tokens.tsruns · 15,114 bytesscripts/generate-typography.tsruns · 16,945 bytes
No licensed excerpt is available. You can inspect the pinned source.