pronto — Cursor Rules

This is a Deco MCP (Model Context Protocol) server template with a React + Tailwind CSS frontend. It provides a full-stack development environment where: • The /server folder contains the MCP server (Cloudflare Workers + Deco runtime) • The /view folder contains the React frontend (Vite + Tailwind CSS) • The server serves both MCP endpoints AND the built frontend assets

The goal of this template is to help users generate their apps with data schemas, workflows, tools, using AI and third-party API via our RPC framework (check deco.gen.ts). After this template is initiated, the user will give you prompt to create a new application. Required: Modify README.md and SEO props (in index.html) for the app as soon as you know the app's intent. We shouldn't deploy applications with the same README and title, description of the template.

` react-tailwind-view/ ├── package.json # Root workspace with dev/gen/deploy scripts ├── server/ # MCP Server (Cloudflare Workers + Deco) │ ├── main.ts # Main server entry point │ ├── deco.gen.ts # Generated types for integrations │ ├── tools/ # Domain-organized tools (max 300 lines per file) │ │ ├── index.ts # Central export point for all tools │ │ ├── todos.ts # Todo-related tools │ │ ├── user.ts # User-related tools │ │ └── [domain].ts # Additional domain-specific tools │ ├── workflows/ # Domain-organized workflows (max 300 lines per file) │ │ ├── index.ts # Central export point for all workflows │ │ └── [domain].ts # Domain-specific workflows │ ├── wrangler.toml # Cloudflare Workers config │ └── package.json # Server dependencies └── view/ # React Frontend (Vite + Tailwind) ├── src/ │ ├── main.tsx # React app entry point │ ├── lib/rpc.ts # RPC client for server communication │ ├── hooks/ # TanStack Query hooks for RPC calls │ ├── routes/ # React Router routes │ └── components/ # UI components ├── package.json # Frontend dependencies └── vite.config.ts # Vite configuration `

• npm run dev - Primary development command • Starts frontend build in watch mode • Starts MCP server on port 8787 • Server serves both API endpoints + frontend assets • Hot reload for both frontend and backend • npm run gen - Type generation • Generates TypeScript types for deco integrations • Creates server/deco.gen.ts with typed RPC interfaces • Run this after adding new integrations in deco.chat • npm run gen:self - Self-type generation for your own tools • Generates TypeScript types for your own server's tools and workflows • Requires the server to be running (npm run dev) • Copy the development URL from server logs (e.g., "https://localhost-48d64e92.deco.host") • Add /mcp to the path. So, for the URL https://localhost-48d64e92.deco.host you should set DECO_SELF_URL as https://localhost-48d64e92.deco.host/mcp. • Run: DECO_SELF_URL=<your-dev-url> npm run gen:self • Creates typed RPC interfaces for your own tools/workflows • Run this after adding new tools or workflows to your server • npm run deploy - Production deployment • Builds frontend for production • Deploys to Cloudflare Workers • Makes app available at public URL