如何安装 Next.js Tailwind Assistant？

推荐在 Claude Code（远程）中安装：1. 确保已安装 Claude Code CLI（终端可运行 claude 命令） 2. 点击下方「复制配置」，在终端粘贴并执行 3. 执行成功后重启 Claude Code 客户端命令示例：claude mcp add --transport http io-smithery-CaullenOmdahl-nextjs-react-tailwind-assistant https://smithery.ai/servers/CaullenOmdahl/nextjs-react-tailwind-assistant

Next.js Tailwind Assistant 适用于哪些场景？

Next.js Tailwind Assistant 可用于需要该MCP Server能力的 AI Agent 工作流，建议结合官方文档与本页安装命令试用。

AgentHubMCP · Skill

Next.js Tailwind Assistant MCP配置与使用教程 - AgentHub

Next.js Tailwind Assistant MCP配置与使用教程

Q: 如何安装 Next.js Tailwind Assistant？

推荐在 Claude Code（远程） 中安装：1. 确保已安装 Claude Code CLI（终端可运行 claude 命令） 2. 点击下方「复制配置」，在终端粘贴并执行 3. 执行成功后重启 Claude Code 客户端 命令示例：claude mcp add --transport http io-smithery-CaullenOmdahl-nextjs-react-tailwind-assistant https://smithery.ai/servers/CaullenOmdahl/nextjs-react-tailwind-assistant

MCP Serversmithery

io.smithery.CaullenOmdahl.nextjs-react-tailwind-assistant · vlatest

在 smithery 查看 ↗

建议先在本页复制安装配置，再到上游核对文档与权限。

热度数据

使用量4.1k

产品介绍

Your comprehensive AI companion for building modern Next.js applications with React and Tailwind CSS. This MCP server provides instant access to complete documentation, production-ready components, and battle-tested design patterns abstracted from professional templates. Next.js Tailwind Assistant 是一个MCP Server，收录自 smithery。支持 streamable-http 传输。本页提供产品介绍、配置教程、安装命令与适用场景，可复制到 Cursor、Claude Code、VS Code。

remote

MCP 实战教程：从安装到看见效果

按完整实例走一遍（含期望效果与对比验收）。装完本页资源后，用教程里的提示词核对是否真正生效。

打开教程 →

安全与质量评测A+ 级 · 零权限本地沙盒

综合健康分70/100

该工具经 AgentHub 静态安全特征扫描，无高危越权行为。建议在项目级配置文件中指定工作区范围。

网络请求与外部通信

需连接外部 API 或远程服务器，通信受客户端网络安全策略监管。

按平台快速复制

选择你的平台查看安装方式

打开项目根目录下的 .cursor/mcp.json（没有就新建）
点击「复制配置」粘贴进去；若已有其他 MCP，只合并 mcpServers 里的本条目
保存后按 Cmd+Shift+P（Windows：Ctrl+Shift+P）→ 输入 Reload Window 并执行

{
  "mcpServers": {
    "io-smithery-CaullenOmdahl-nextjs-react-tailwind-assistant": {
      "url": "https://smithery.ai/servers/CaullenOmdahl/nextjs-react-tailwind-assistant"
    }
  }
}

统一 Manifest

{
  "id": "io.smithery.CaullenOmdahl.nextjs-react-tailwind-assistant",
  "type": "mcp-server",
  "version": "latest",
  "displayName": "Next.js Tailwind Assistant",
  "description": "Your comprehensive AI companion for building modern Next.js applications with React and Tailwind CSS. This MCP server provides instant access to complete documentation, production-ready components, and battle-tested design patterns abstracted from professional templates.",
  "iconUrl": "https://api.smithery.ai/servers/CaullenOmdahl/nextjs-react-tailwind-assistant/icon",
  "homepage": "https://github.com/CaullenOmdahl/Nextjs-React-Tailwind-Assistant",
  "distribution": {
    "packages": [],
    "remotes": [
      {
        "transport": "streamable-http",
        "url": "https://smithery.ai/servers/CaullenOmdahl/nextjs-react-tailwind-assistant"
      }
    ]
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "vscode",
    "trae",
    "cherry-studio",
    "lingma",
    "windsurf",
    "cline",
    "workbuddy"
  ],
  "keywords": [
    "use_count:4057",
    "remote"
  ],
  "provenance": {
    "origin": "smithery",
    "originalId": "CaullenOmdahl/nextjs-react-tailwind-assistant",
    "originalUrl": "https://smithery.ai/servers/CaullenOmdahl/nextjs-react-tailwind-assistant",
    "isOfficial": false,
    "status": "active"
  }
}

Next.js Tailwind Assistant MCP配置与使用教程

产品介绍

安全与质量评测A+ 级 · 零权限本地沙盒

按平台快速复制

配置教程

相关资源

MarkItDown MCP Server

飞书文档

高德地图

Bilibili

Puppeteer

Playwright

常搭配使用

PC Build Assistant

polymarket-weather-trader

Tavily Search

API Gateway

继续逛 AgentHub

统一 Manifest