Pick your stack. Ship in five minutes.

Framework recipes, theming, server components, and troubleshooting. The same recipes ship inside the npm package.

For AI editors

Point your editor at the docs MCP.

Cursor, Claude, Copilot, and Aider can read every component, prop, token, and setup step straight from the source. Add the server once and stop pasting docs into chat.

https://shilp-sutra.devalok.in/mcpFull editor setup

Install

Pick your framework.

All six recipes assume Tailwind 4 CSS-first, React 18+, TypeScript optional.

Next.js (App Router)
transpilePackages, "use client" boundaries, font + CSS wiring.
Next.js (Pages Router)
_app.tsx wiring, globals.css import order.
Vite + React
PostCSS, Tailwind 4 CSS-first, font @import order.
Astro
@astrojs/react, client:load islands, CSS bundling.
Remix
links() exports, font preloading, route-level CSS.
TanStack Start
Vite-based SSR, route-tree CSS injection.

Customize

Make it yours.

Customize brand
Override accent ramp, radius, typography. CSS-vars only, no theme provider.

Reference

Deeper context.

Server Components
Which components are RSC-safe, which need a client boundary, and why.

Troubleshoot

When things break.

Troubleshoot
Common errors, version mismatches, CSS load order traps.

Point your editor at the docs MCP.

Next.js (App Router)

Next.js (Pages Router)

Vite + React

Astro

Remix

TanStack Start

Customize brand

Server Components

Troubleshoot