frontend-design

by Ilm-Alan · Claude Skill · ★ 21

About 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.

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

Quick Facts

Stars21
Forks1
CategoryClaude Skill
LicenseMIT
Quality Score34.25/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%)
  • 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