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

Security audit verdict: SAFE · quality 67/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 · ★ 126

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

Stars126
Forks18
CategoryClaude Skill
LicenseMIT
Quality Score67.1486103614872/100
Open Issues1
Last Updated2026-09-26
Created2026-01-11
Platformsclaude-code, cli, codex, gemini
Est. Tokens~12k

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 · ⭐ 572

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

  • compose-skill by aldefy · ⭐ 561

    Jetpack Compose Agent Skill — AI-powered coding guidance with actual androidx/androidx source code receipts. W

  • agent-designer by appautomaton · ⭐ 130

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

  • kaggle-skill by shepsci · ⭐ 96

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

  • avoid-ai-design by funboy322 · ⭐ 80

    Audits AI-generated frontend and rewrites it so it stops looking AI-made: purple-gradient slop and the "tastef

  • Agent_View_Controller-AVC by study8677 · ⭐ 67

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

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 126 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 126 stars and 18 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, compose-skill, agent-designer. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy, covering 11 red-flag categories including credential harvesting, data exfiltration, and curl | sh installers. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Claude Skill tools