Claude-Code-Frontend-Design-Toolkit

MCP Tool

wilwaldon/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

Install

$ npx loaditout add wilwaldon/Claude-Code-Frontend-Design-Toolkit

Platform-specific configuration:

.claude/settings.json

{
  "mcpServers": {
    "Claude-Code-Frontend-Design-Toolkit": {
      "command": "npx",
      "args": [
        "-y",
        "Claude-Code-Frontend-Design-Toolkit"
      ]
    }
  }
}

Add the config above to .claude/settings.json under the mcpServers key.

Reviews

Loading reviews...

Quality Signals

Quality Score3900

Stars

Installs

Last updated15 days ago

Security: B

New

Safety

Risk Levelmedium

Data Access

read

Network Accessnone

Details

Sourcegithub-crawl

Last commit3/7/2026

View on GitHub→

Embed Badge

[![Loaditout](https://loaditout.ai/api/badge/wilwaldon/Claude-Code-Frontend-Design-Toolkit)](https://loaditout.ai/skills/wilwaldon/Claude-Code-Frontend-Design-Toolkit)