Claude-Code-Frontend-Design-Toolkit

by wilwaldon · MCP Server · ★ 66

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

Quick Facts

Stars66
Forks12
CategoryMCP Server
Quality Score40.272/100
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 66 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 66 stars and 12 forks, indicating an active community.

View on GitHub → Browse MCP Server tools