frontend-design — security grade SAFE, quality 66/100

Security audit verdict: SAFE · quality 66/100

No red flags found in any of the 11 categories — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

by Ilm-Alan · Claude Skill · ★ 105

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

🔒 Is frontend-design safe to install? View the security audit →

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. If the rendered tokens drift outside the anchor's range, the anchor didn't hold. The eight anchors Pure primary colors, system fonts (Times, Helvetica, Courier), hard offset shadows Xpx

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

Quick Facts

Stars105
Forks15
CategoryClaude Skill
LicenseMIT
Quality Score66.0157991867281/100
Open Issues1
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%)

frontend-design alternative? Top 6 similar tools

Looking for a frontend-design alternative? If you're comparing frontend-design with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • qiaomu-design by joeseesun · ⭐ 496

    偏执型设计顾问:反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-gen

  • agent-designer by appautomaton · ⭐ 131

    Portable SKILLs workspace for Claude Code, Codex, and Gemini — issue-driven workflows and cross-agent collabor

  • kaggle-skill by shepsci · ⭐ 81

    Complete Kaggle integration plugin/skill for AI coding agents — competition reports, dataset/model downloads,

  • Agent_View_Controller-AVC by study8677 · ⭐ 67

    👁️ The visual layer for CLI coding agents. Pipe JSON → interactive native UI → modified JSON back. Like fzf,

  • ux-ui-agent-skills by plugin87 · ⭐ 493

    Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-fr

  • ai-skills by sanjay3290 · ⭐ 396

    24 cross-platform agent skills for Claude Code, Cursor, Codex & Gemini CLI — databases, messaging, research, T

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 105 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 105 stars and 15 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.

What are the best alternatives to frontend-design?

The top alternatives to frontend-design on Agent Skills Hub include qiaomu-design, agent-designer, kaggle-skill. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Claude Skill tools