Claude-Code-Frontend-Design-Toolkit — security grade SAFE, quality 57/100

Security audit verdict: SAFE · quality 57/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 wilwaldon · MCP Server · ★ 616

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

🔒 Is Claude-Code-Frontend-Design-Toolkit safe to install? View the security audit →

About Claude-Code-Frontend-Design-Toolkit

Claude Code Frontend Design Toolkit Everything I've found that actually makes Claude Code output better-looking frontends. Skills, plugins, MCP servers, CLAUDE.md tricks, organized by what you're trying to do. · · If this is useful, star it so others can find it. PRs welcome — see Contributing. Table of Contents Design Skills — Kill the AI slop Site-Wide Theming — Make everything match Animation & Motion — GSAP, Framer Motion, scroll effects UI/UX Intelligence — Patterns, a11y, research Design-to-Code — Figma pipeline Testing & Browser Automation — Give Claude eyes Docs & Context — Stop hallucinating APIs Framework Skills — React, Tailwind, Three.js, D3 Deploy & Preview — Ship it Recommended Stacks — What to install together Quick Reference Further Reading Contributing Design Skills The default Claude output looks like every other AI-generated page. Same fonts, same purple gradient, same card layout. These fix that. Frontend Design (Official) The one you install first. Anthropic's own skill that tells Claude to pick an actual aesthetic direction before writing code inste

Quick Facts

Stars616
Forks78
CategoryMCP Server
Quality Score57.3288311795475/100
Open Issues3
Last Updated2026-04-11
Created2026-02-25
Platformsclaude-code, mcp
Est. Tokens~12k

Compatible Skills

These tools work well together with Claude-Code-Frontend-Design-Toolkit for enhanced workflows:

More MCP Server Tools

Explore other popular mcp server tools:

View all MCP Server tools →

Frequently Asked Questions

What is Claude-Code-Frontend-Design-Toolkit?

Claude-Code-Frontend-Design-Toolkit is Everything I've found that actually makes Claude Code output better-looking frontends. Skills, plugins, MCP servers, CLAUDE.md tricks. It is categorized as a MCP Server with 616 GitHub stars.

How do I install or use Claude-Code-Frontend-Design-Toolkit?

You can find installation instructions and usage details in the Claude-Code-Frontend-Design-Toolkit GitHub repository at github.com/wilwaldon/Claude-Code-Frontend-Design-Toolkit. The project has 616 stars and 78 forks, indicating an active community.

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 MCP Server tools