Nextjs-React-Tailwind-Assistant

Your comprehensive AI companion for building modern Next.js applications with React and Tailwind CSS.

• Next.js 15+: App Router, Server Components, Server Actions, routing, data fetching
• Tailwind CSS 3+: All utility classes, responsive design, dark mode, customization
• Smart Search: Targeted results without overwhelming context

• Production-ready TypeScript React components
• Built with Tailwind CSS and Headless UI
• Fully accessible, responsive, and customizable
• Categories: forms, navigation, layout, feedback, data display

Abstracted from 11 professional Next.js templates:

Visual Effects: Gradients, glows, animations, bento grids, decorative SVGs Component Library: Buttons, cards, badges, inputs, avatars, alerts, tooltips Color Systems: 8 palette strategies (Professional, SaaS, Bold, Minimal, Semantic, Dark Mode) Typography: Font systems, type scales, responsive patterns Layouts: App headers, auth pages, sidebars, overlay navigation Pages: Hero sections, pricing tables, blog layouts

All patterns include accessibility, performance, and dark mode support.

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

1. Clone the repository:

git clone https://github.com/CaullenOmdahl/Nextjs-React-Tailwind-Assistant.git
cd Nextjs-React-Tailwind-Assistant

1. Install dependencies:

npm install

1. Build the server:

npm run build

This will:

• Build the MCP server using Smithery CLI → .smithery/index.cjs (1.67 MB)
• Copy the content directory → .smithery/content/ (5.3 MB)

npm run dev          # Start development server with hot reload
npm run inspector    # Launch MCP inspector for testing
npm run build        # Build p