Next.js Tailwind Assistant

by CaullenOmdahl · design · mcp-server, ai, testing, design, remote

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.

Install

npx @smithery/cli install CaullenOmdahl/nextjs-react-tailwind-assistant --client claude

Tags: mcp-server, ai, testing, design, remote

⭐ 6,204 GitHub stars · Source: smithery

About design MCP servers and Claude skills

Design-oriented MCP servers expose Figma, Canva, image generators, and brand guidelines to AI agents so they can propose, edit, and export visual assets without leaving the chat.

Next.js Tailwind Assistant is one of hundreds of design entries indexed on Skiln. Browse the full design category or the complete directory of Claude skills, MCP servers, agents, commands, and hooks.

Related design MCPs and skills

  • YouTube Music MCP Server by CaullenOmdahl

    Enables AI assistants to search YouTube Music, manage playlists, and create smart recommendations using natural language.

  • Expo Dev Assistant by CaullenOmdahl

    Manage Expo and React Native projects from setup to release. Trigger cloud builds, publish over-the-air updates, and submit releases to App Store and Google Play with clear status and logs. Run diagnostics, validate configuration, and access relevant docs to resolve issues faster.

  • youtube-music-mcp-server by CaullenOmdahl

    Search songs, albums, and artists on YouTube Music. Manage your library and playlists end-to-end: create, edit, and organize tracks. Generate smart, personalized playlists and analyze your taste profile to discover new music.

  • Tailwind Svelte 助手 MCP 服务器 by CaullenOmdahl

    提供 SvelteKit 和 Tailwind CSS 的文档和代码片段。需要通过脚本/scraping-config.json 配置的可选外部数据文件进行文档抓取。

  • Tailwind Svelte Assistant by CaullenOmdahl

    Provide instant access to SvelteKit and Tailwind CSS documentation along with ready-to-use Svelte component snippets styled with Tailwind. Enable efficient UI development by retrieving relevant docs, utility class info, and component code snippets on demand. Streamline your frontend workflow with organized content discovery and configurable documentation scraping.

  • Poof: Fast Image & Video Background Removal by poof-bg

    The ultimate background removal API. Integrate high-accuracy, real-time image & video background removal into your workflow starting at $0.001/image.

  • Deckrun by agenticdecks

    Transforms Markdown content into professional PDF slide decks instantly. Provides comprehensive layout specifications to help users craft visually appealing presentations with ease. Delivers public links for sharing finished decks without requiring complex design software.

  • SvgverseAI — The AI Vector Generator by Svgverseai

    The SVGverseAI MCP Server lets you connect your AI agents, automation workflows, or creative tools directly to SVGverseAI’s image generation engine — without ever opening the app. With just a few API calls, you can: 1. Generate SVG, PNG, or WebP images from text prompts 2. Convert raster images into vector graphics 3. Organize results inside your collections 4. Power your own design tools with SVGverseAI’s creative engine 5. Image → Video animation — turn static images into animated clips (MP4

Frequently asked questions

How do I install Next.js Tailwind Assistant?

Add the install command above to your Claude Code, Cursor, or Windsurf MCP configuration. Most servers register via npx, a local command, or a Docker image. Refer to the upstream documentation for environment variables and credential requirements.

Which clients support Next.js Tailwind Assistant?

Any MCP-compatible client works: Claude Desktop, Claude Code CLI, Cursor, Windsurf, Zed, and VS Code with the official MCP extension. OpenAI Codex and GitHub Copilot increasingly support MCP via adapter bridges.

Is Next.js Tailwind Assistant free?

The server itself is typically open source. Any upstream service (API keys, paid tiers, hosted infrastructure) may have its own pricing. Check the source repository for details.