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
# Connect this server (installs CLI if needed)
npx -y smithery mcp add CaullenOmdahl/nextjs-react-tailwind-assistant
# Browse available tools
npx -y smithery tool list CaullenOmdahl/nextjs-react-tailwind-assistant
# Get full schema for a tool
npx -y smithery tool get CaullenOmdahl/nextjs-react-tailwind-assistant get_nextjs_full_docs
# Call a tool
npx -y smithery 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, …
# Get full input/output schema for a tool
npx -y smithery tool get CaullenOmdahl/nextjs-react-tailwind-assistant 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 …