frontend-design
Eight locked visual styles for consistent frontend builds
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install frontend-design?โผ
Run `npx skills add Ilm-Alan/frontend-design --all -g -y` in your terminal to install the skill globally.
What are the eight design anchors?โผ
The anchors are Swiss, Industrial, Brutalist, Aurora Maximalism, Chaotic Maximalism, Retro-Futuristic, Organic, and Lo-Fi. Each locks specific colors, fonts, and textures to exact CSS tokens.
How does it keep designs consistent?โผ
Picking an anchor commits the build to that anchor's exact tokens. If the rendered CSS drifts outside the allowed range, the design is considered broken and must be fixed.
Does frontend-design work with Claude Code and Gemini CLI?โผ
Yes. It follows the standard SKILL.md format and runs in Claude Code, Codex, and Gemini CLI.
Can non-designers use this skill?โผ
Yes. You describe the product in plain language, and the skill picks an anchor, defines a signature move, and writes matching CSS automatically.
Related Repositories in Design & Creative
View All in Design & Creativeโui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video