# Next.js Tailwind Assistant

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, a…

## Quick Start

```bash
# Connect this server (installs CLI if needed)
npx -y @smithery/cli@latest mcp add CaullenOmdahl/nextjs-react-tailwind-assistant

# Browse available tools
npx -y @smithery/cli@latest tool list CaullenOmdahl/nextjs-react-tailwind-assistant

# Get full schema for a tool
npx -y @smithery/cli@latest tool get CaullenOmdahl/nextjs-react-tailwind-assistant get_nextjs_full_docs

# Call a tool
npx -y @smithery/cli@latest tool call CaullenOmdahl/nextjs-react-tailwind-assistant get_nextjs_full_docs '{}'
```

## Direct MCP Connection

Endpoint: `https://nextjs-react-tailwind-assistant--caullenomdahl.run.tools`

**Optional config:**
- `cacheTimeout` (query) — Cache timeout in milliseconds (default: 5 minutes)
- `maxSearchResults` (query) — Default maximum search results (1-20)

## Tools (16)

- `get_nextjs_full_docs` — Get the complete Next.js 15+ documentation (~2.5MB, ~320,000 tokens). WARNING: This returns ~320,000 tokens. Only use w…
- `get_tailwind_full_docs` — Get the complete Tailwind CSS documentation (~2.1MB, ~730,000 tokens). WARNING: This returns ~730,000 tokens. Only use …
- `search_nextjs_docs` — Search within the Next.js documentation for specific topics or keywords. Returns relevant excerpts matching the query. …
- `search_tailwind_docs` — Search within the Tailwind CSS documentation for specific utility classes or concepts. Returns relevant excerpts matchi…
- `get_catalyst_component` — Retrieve the TypeScript source code for a specific Catalyst UI component. Components include forms (button, checkbox, i…
- `list_catalyst_components` — List all 28 available Catalyst UI components organized by category. Categories include: forms (button, checkbox, fields…
- `get_pattern` — Retrieve documentation for a specific abstracted pattern. Patterns are organized into: layouts (app-header, sidebar-lay…
- `list_patterns` — List all available abstracted template patterns organized by category (layouts, pages, features). Patterns are abstract…
- `get_color_design_guidance` — Retrieve comprehensive color design patterns documentation (~20KB). Covers color psychology, premium vs cheap distincti…
- `analyze_existing_site` — Analyze an existing website or Google Business listing to extract useful information and assets for rebuilding. Extract…
- `list_starter_kits` — List all available template starter kits with their features, use cases, and complexity levels. Each template includes …
- `get_starter_kit` — Get detailed information about a specific template starter kit including features, architectural decisions with tradeof…
- `recommend_template` — Get template recommendations based on your project requirements. Provide criteria like purpose, color preferences, anim…
- `answer_questionnaire` — Submit answers to the template selection questionnaire and receive personalized recommendations. Provide answers as a k…
- `get_library_docs` — Get comprehensive documentation for commonly used libraries in Next.js projects. Available: framer-motion, mdx, headles…
- `list_library_docs` — List all available library documentation files. Includes commonly used libraries like Framer Motion, MDX, Headless UI, …

```bash
# Get full input/output schema for a tool
npx -y @smithery/cli@latest tool get CaullenOmdahl/nextjs-react-tailwind-assistant <tool-name>
```

## Resources

- `docs://nextjs-full` — Full Next.js documentation in LLM-optimized format (~2.5MB, 77k+ lines)
- `docs://tailwind-docs-full` — Full Tailwind CSS documentation extracted from official docs (2.1MB)
- `docs://content-summary` — Summary of available documentation, components, and patterns

## Prompts (5)

- `build-landing-page` (pageType, useAnimations, darkMode) — Complete workflow to build a professional landing page with Next.js, Tailwind CSS, and Catalyst UI components. Guides y…
- `setup-dashboard` (includeAuth, sidebarStyle) — Complete workflow to build a dashboard layout with sidebar navigation, header, and responsive design using Catalyst com…
- `implement-dark-mode` (useSystemPreference, persistChoice) — Complete workflow to add dark mode support to your Next.js project using next-themes, Tailwind CSS dark classes, and sy…
- `create-form-with-validation` (formType, validationLibrary) — Complete workflow to build a validated form using Catalyst UI components, React Hook Form or native validation, and acc…
- `select-template` (projectType, knowsRequirements) — Interactive workflow to select the best template starter kit for your project, understand architectural decisions, and …

---

Source: https://github.com/CaullenOmdahl/Nextjs-React-Tailwind-Assistant