Ilm-AlanIlm-AlanCommunityยท1 Agent Skills Included

frontend-design

Eight locked visual styles for consistent frontend builds

Builds frontends with a deliberate visual direction using eight fixed aesthetic anchors, from Swiss grids to Brutalist primaries. Locks palette, typography, and texture to exact CSS tokens so designs stay consistent instead of drifting into generic output. Enforces real on-screen content, blocking fake data, filler labels, and decorative clutter before shipping.
npx skills add Ilm-Alan/frontend-design --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How 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โ†’