frontend-design

by Ilm-Alan · Claude Skill · ★ 21

About frontend-design

frontend-design Frontend design skill for Claude Code, Codex, and Gemini CLI. Eight aesthetic anchors, each locking palette, typography, and texture to specific CSS tokens. Pick one per brief. Install Claude Code Codex Gemini CLI Enable experimental skills in : Then: Verify with . How it works Each anchor locks specific palette, typefaces, and texture tokens. Picking an anchor commits to those tokens, not to a vibe. Before any code, the skill asks for: An anchor, picked with a bias toward unexpected pairings. A memorable anchor-internal move. CSS that matches the chosen anchor's tokens.

agent-skillai-coding-assistantclaude-codecodexdesign-systemfrontend-designgemini-clihtml-cssui

Quick Facts

Stars21
Forks1
CategoryClaude Skill
LicenseMIT
Quality Score66.0157991867281/100
Last Updated2026-05-02
Created2026-01-11
Platformsclaude-code, cli, codex, gemini
Est. Tokens~11k

Compatible Skills

These tools work well together with frontend-design for enhanced workflows:

  • design-system-ops — semantic(0.45)+complementary+similar_pop+shared_platform (51%)
  • LibreUIUX-Claude-Code — semantic(0.29)+complementary+similar_pop+shared_platform (45%)
  • typeui.sh — semantic(0.29)+complementary+similar_pop+shared_platform (45%)

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Frequently Asked Questions

What is frontend-design?

frontend-design is Frontend design skill for Claude Code, Codex, and Gemini CLI. Eight aesthetic anchors, each locking palette, typography, and texture to specific CSS tokens. Pick one per brief.. It is categorized as a Claude Skill with 21 GitHub stars.

How do I install or use frontend-design?

You can find installation instructions and usage details in the frontend-design GitHub repository at github.com/Ilm-Alan/frontend-design. The project has 21 stars and 1 forks, indicating an active community.

What license does frontend-design use?

frontend-design is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools