🎨

Claude-Code-Frontend-Design-Toolkit

art-mediaUnknownremote🟢 活跃维护

63 stars

最后更新：2026/4/12

质量评分

良好71/100

0255075100

发现方式

github-search

最后更新

2026/4/12

首次收录

2026/4/12

状态

✓ 活跃

📝 简介

Everything I've found that actually makes Claude Code output better-looking frontends. Skills, plugins, MCP servers, CLAUDE.md tricks

🏷️ 标签

claude-code-frontend-design-toolkit

🚀 安装与配置

🟡 手动配置

快速安装

git clone https://github.com/wilwaldon/Claude-Code-Frontend-Design-Toolkit && cd claude-code-frontend-design-toolkit

复制

Claude Desktop 配置

添加到 ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "claude-code-frontend-design-toolkit": {
      "command": "npx",
      "args": [
        "-y",
        "claude-code-frontend-design-toolkit"
      ]
    }
  }
}

复制

Cursor 配置

在 Cursor Settings → MCP 中添加

{
  "mcpServers": {
    "claude-code-frontend-design-toolkit": {
      "command": "npx",
      "args": [
        "-y",
        "claude-code-frontend-design-toolkit"
      ]
    }
  }
}

复制

📋 环境要求：查看仓库说明

📦 同类工具推荐