{"_id":"10x-development-team","_rev":"7-c586a017731d69dba12a058b06ed0ecb","name":"10x-development-team","dist-tags":{"latest":"3.2.0"},"versions":{"1.0.0":{"name":"10x-development-team","version":"1.0.0","keywords":["mcp","model-context-protocol","ai","development","code-generation","10x"],"author":{"name":"10x-Anit"},"license":"MIT","_id":"10x-development-team@1.0.0","maintainers":[{"name":"thinqmesh","email":"getintouch.anit@gmail.com"}],"bin":{"10x-mcp":"dist/index.js"},"dist":{"shasum":"9834cecf8d1b3f12f15d07690b051af5bf037dea","tarball":"https://registry.npmjs.org/10x-development-team/-/10x-development-team-1.0.0.tgz","fileCount":163,"integrity":"sha512-OlvycXPYaOI51dbFGrdC62by0FN+Pgb9DzzoTV+HL0PS8saJoNl/Wv52K4j0gY5rNlkPygnIaaI5o/WlhoBs/Q==","signatures":[{"sig":"MEUCIG72/WQHD8Zu3zsXkm33iSnBg0neociWjbcbXL4/0Sz+AiEA9W3jSnRE1JpEC7LBJcmxJcThBvqeeeIciOjYNBHtOng=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":478839},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18"},"gitHead":"ef0e78a453ac1d5f17e8a12af347ff937b24ebb9","scripts":{"dev":"tsc --watch","build":"tsc","start":"node dist/index.js","prepare":"npm run build","build:package":"npm run prebuild:package && tsc","prepublishOnly":"npm run build:package","prebuild:package":"node scripts/bundle-plugin.js"},"_npmUser":{"name":"thinqmesh","email":"getintouch.anit@gmail.com"},"_npmVersion":"10.9.2","description":"MCP server for the 10x Development Team — exposes app-building skills as tools for any AI client","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.24.0","better-sqlite3":"^11.0.0","@modelcontextprotocol/sdk":"^1.12.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.0","@types/node":"^22.0.0","@types/better-sqlite3":"^7.6.0"},"_npmOperationalInternal":{"tmp":"tmp/10x-development-team_1.0.0_1774546699627_0.6373618053316561","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"10x-development-team","version":"1.0.1","keywords":["mcp","model-context-protocol","ai","development","code-generation","10x"],"author":{"name":"10x-Anit"},"license":"MIT","_id":"10x-development-team@1.0.1","maintainers":[{"name":"thinqmesh","email":"getintouch.anit@gmail.com"}],"bin":{"10x-mcp":"dist/index.js"},"dist":{"shasum":"637835206e085572d085f8ee9b04c94347619c7a","tarball":"https://registry.npmjs.org/10x-development-team/-/10x-development-team-1.0.1.tgz","fileCount":163,"integrity":"sha512-6EvwpJFUvfiVI/sro0ttKQ/I1fDUm7N98YMLdMjvWVXJwJDR7A29h2CMmHqNnlydvQPzwyfyEFFyl71wm3twjw==","signatures":[{"sig":"MEUCIQDvyncRaQyijZAJOQM0gQkLfoYzxpa81Suq6A1PIUbzhAIgYG3eyJ/7WWb85b/G5pvJQuiUx4NU2gjPUsTgEnsqMEQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":478863},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18"},"gitHead":"ef0e78a453ac1d5f17e8a12af347ff937b24ebb9","scripts":{"dev":"tsc --watch","build":"tsc","start":"node dist/index.js","prepare":"npm run build","build:package":"npm run prebuild:package && tsc","prepublishOnly":"npm run build:package","prebuild:package":"node scripts/bundle-plugin.js"},"_npmUser":{"name":"thinqmesh","email":"getintouch.anit@gmail.com"},"_npmVersion":"10.9.2","description":"MCP server for the 10x Development Team — exposes app-building skills as tools for any AI client","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.24.0","better-sqlite3":"^11.0.0","@modelcontextprotocol/sdk":"^1.12.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.0","@types/node":"^22.0.0","@types/better-sqlite3":"^7.6.0"},"_npmOperationalInternal":{"tmp":"tmp/10x-development-team_1.0.1_1774546852200_0.21286891658641172","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"10x-development-team","version":"1.0.2","keywords":["mcp","model-context-protocol","ai","development","code-generation","10x"],"author":{"name":"10x-Anit"},"license":"MIT","_id":"10x-development-team@1.0.2","maintainers":[{"name":"thinqmesh","email":"getintouch.anit@gmail.com"}],"bin":{"10x-mcp":"dist/index.js"},"dist":{"shasum":"3de3b6c9efe2f5290800ed0157a6386a059cc45d","tarball":"https://registry.npmjs.org/10x-development-team/-/10x-development-team-1.0.2.tgz","fileCount":164,"integrity":"sha512-NxeOjusCtiJv1bHxtWFoFO4sfL2wEqbdjF9PbFRMqjy3klx3Syr7ioOpNfDzoe86wIWWgBMhV5d7UILBM9WsZQ==","signatures":[{"sig":"MEUCIQDnzSJ/S3Op647lTN19IdWtQe8MBCalyrHkp+K+BXHM+QIgZIGkMNGhvYXiX1ZPqs3EfgbU4l+h5VFpJz8WCJ/6vQI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":483096},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18"},"gitHead":"ae6649df23fdf3224dcbd8a2842bf58da4de758d","scripts":{"dev":"tsc --watch","build":"tsc","start":"node dist/index.js","prepare":"npm run build","postinstall":"node scripts/postinstall.js || true","build:package":"npm run prebuild:package && tsc","prepublishOnly":"npm run build:package","prebuild:package":"node scripts/bundle-plugin.js"},"_npmUser":{"name":"thinqmesh","email":"getintouch.anit@gmail.com"},"_npmVersion":"10.9.2","description":"MCP server for the 10x Development Team — exposes app-building skills as tools for any AI client","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.24.0","better-sqlite3":"^11.0.0","@modelcontextprotocol/sdk":"^1.12.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.0","@types/node":"^22.0.0","@types/better-sqlite3":"^7.6.0"},"_npmOperationalInternal":{"tmp":"tmp/10x-development-team_1.0.2_1774547981181_0.9788200371930771","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"10x-development-team","version":"2.0.0","keywords":["mcp","model-context-protocol","ai","development","code-generation","10x"],"author":{"name":"10x-Anit"},"license":"MIT","_id":"10x-development-team@2.0.0","maintainers":[{"name":"thinqmesh","email":"getintouch.anit@gmail.com"}],"bin":{"10x-mcp":"dist/index.js"},"dist":{"shasum":"c97545667354214b55897e62c469776aa44a19e2","tarball":"https://registry.npmjs.org/10x-development-team/-/10x-development-team-2.0.0.tgz","fileCount":167,"integrity":"sha512-rGJx3xauCbzLYAHKqsAi7sFB5zv27ZDmV/8+8n0zTh2I1qdxVyBz4TAlCM/LHJX9jPO2DgkRW4r+mXqEpTB5Rw==","signatures":[{"sig":"MEYCIQCUiu73IGBzkt/xmQesG1R/HgCW6CRPllvo21H4IrL43QIhAK5XGYhtKLhsVVMo8rSkdYku45AR4Y9SygAd1O3Pm89D","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":993203},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18"},"gitHead":"c6c972dc1f1e8c7d759d06541c7688c3067afedb","scripts":{"dev":"tsc --watch","build":"tsc","start":"node dist/index.js","prepare":"npm run build","postinstall":"node scripts/postinstall.js || true","build:package":"npm run prebuild:package && tsc","prepublishOnly":"npm run build:package","prebuild:package":"node scripts/bundle-plugin.js"},"_npmUser":{"name":"thinqmesh","email":"getintouch.anit@gmail.com"},"_npmVersion":"10.9.2","description":"MCP server for the 10x Development Team — exposes app-building skills as tools for any AI client","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.24.0","better-sqlite3":"^11.0.0","@modelcontextprotocol/sdk":"^1.12.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.0","@types/node":"^22.0.0","@types/better-sqlite3":"^7.6.0"},"_npmOperationalInternal":{"tmp":"tmp/10x-development-team_2.0.0_1774555421695_0.5773697364508097","host":"s3://npm-registry-packages-npm-production"}},"3.1.0":{"name":"10x-development-team","version":"3.1.0","keywords":["mcp","model-context-protocol","ai","development","code-generation","10x","3d","three-js","react-three-fiber","gsap","scroll-animations","glassmorphism","particles","webgl","design-system","multi-agent"],"author":{"name":"10x-Anit"},"license":"MIT","_id":"10x-development-team@3.1.0","maintainers":[{"name":"thinqmesh","email":"getintouch.anit@gmail.com"}],"bin":{"10x-mcp":"dist/index.js"},"dist":{"shasum":"a7031586d92ea26537ee535c178bde75c8b8075d","tarball":"https://registry.npmjs.org/10x-development-team/-/10x-development-team-3.1.0.tgz","fileCount":191,"integrity":"sha512-1j6zvQBJWd0F4xxXPxWQtIc6iMtYsnz9taev1dPRl8AFvoW503H5GJ1sVnx3BKTMjET+0IiN+WghUx3crrH72g==","signatures":[{"sig":"MEQCIBlbdQUkWBsXiQFXQAnINslHiuSpmjY9GYnRo49UthG+AiAWB6J7n5oJCp0VE2rhMNU4hRgCKpV8tjeccA3DVdyrKA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1320206},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18"},"gitHead":"eba7d1083b02a3647dd60a835303e7858bbaec49","scripts":{"dev":"tsc --watch","build":"tsc","start":"node dist/index.js","prepare":"npm run build","postinstall":"node scripts/postinstall.cjs || true","build:package":"npm run prebuild:package && tsc","prepublishOnly":"npm run build:package","prebuild:package":"node scripts/bundle-plugin.cjs"},"_npmUser":{"name":"thinqmesh","email":"getintouch.anit@gmail.com"},"_npmVersion":"10.9.2","description":"AI-powered multi-agent development team — builds stunning apps with 3D scenes, scroll animations, glassmorphism, particle effects, and production-grade UI","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.24.0","@modelcontextprotocol/sdk":"^1.12.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.0","@types/node":"^22.0.0","@types/better-sqlite3":"^7.6.0"},"peerDependencies":{"playwright":">=1.40.0","@playwright/mcp":">=0.1.0"},"optionalDependencies":{"better-sqlite3":"^11.0.0"},"peerDependenciesMeta":{"playwright":{"optional":true},"@playwright/mcp":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/10x-development-team_3.1.0_1774791198784_0.9383986478630448","host":"s3://npm-registry-packages-npm-production"}},"3.2.0":{"name":"10x-development-team","version":"3.2.0","keywords":["mcp","model-context-protocol","ai","development","code-generation","10x","3d","three-js","react-three-fiber","gsap","scroll-animations","glassmorphism","particles","webgl","design-system","multi-agent"],"author":{"name":"10x-Anit"},"license":"MIT","_id":"10x-development-team@3.2.0","maintainers":[{"name":"thinqmesh","email":"getintouch.anit@gmail.com"}],"bin":{"10x-mcp":"dist/index.js"},"dist":{"shasum":"021a270d5acb0b0fea698ff5864c52e1ff9b3323","tarball":"https://registry.npmjs.org/10x-development-team/-/10x-development-team-3.2.0.tgz","fileCount":191,"integrity":"sha512-uKJr7CmrMsK9KmUvKlkoSdUZmhiyG/R5ADwsC6AFJ4rYIXacV92++FVhjNB927q001se8SyPUxNlALE54yVsBw==","signatures":[{"sig":"MEUCIQD8hOMiveX1DTz3xI1Ulk1lcxwL45dQqSLzkGUVNiWi7gIgB9pg8ap8BJvnJjfIo4i643LHcv7uPacTw9S6VOpBJbo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1320815},"main":"dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18"},"gitHead":"c44e662f50806121482191f7da6468ce4ec09f73","scripts":{"dev":"tsc --watch","build":"tsc","start":"node dist/index.js","prepare":"npm run build","postinstall":"node scripts/postinstall.cjs || true","build:package":"npm run prebuild:package && tsc","prepublishOnly":"npm run build:package","prebuild:package":"node scripts/bundle-plugin.cjs"},"_npmUser":{"name":"thinqmesh","email":"getintouch.anit@gmail.com"},"_npmVersion":"10.9.2","description":"AI-powered multi-agent development team — builds stunning apps with 3D scenes, scroll animations, glassmorphism, particle effects, and production-grade UI","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.24.0","@modelcontextprotocol/sdk":"^1.12.1"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.7.0","@types/node":"^22.0.0","@types/better-sqlite3":"^7.6.0"},"peerDependencies":{"playwright":">=1.40.0","@playwright/mcp":">=0.1.0"},"optionalDependencies":{"better-sqlite3":"^11.0.0"},"peerDependenciesMeta":{"playwright":{"optional":true},"@playwright/mcp":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/10x-development-team_3.2.0_1774797508413_0.7423724054300409","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-03-26T17:38:19.532Z","modified":"2026-04-25T18:40:31.690Z","1.0.0":"2026-03-26T17:38:19.811Z","1.0.1":"2026-03-26T17:40:52.411Z","1.0.2":"2026-03-26T17:59:41.403Z","2.0.0":"2026-03-26T20:03:41.930Z","3.1.0":"2026-03-29T13:33:18.970Z","3.2.0":"2026-03-29T15:18:28.601Z"},"author":{"name":"10x-Anit"},"license":"MIT","keywords":["mcp","model-context-protocol","ai","development","code-generation","10x","3d","three-js","react-three-fiber","gsap","scroll-animations","glassmorphism","particles","webgl","design-system","multi-agent"],"description":"AI-powered multi-agent development team — builds stunning apps with 3D scenes, scroll animations, glassmorphism, particle effects, and production-grade UI","maintainers":[{"email":"getintouch.anit@gmail.com","name":"thinqmesh-tech"}],"readme":"# 10x Development Team\n\n**Describe your app. 7 AI agents build it.** Works with 9 AI clients. Outputs production-quality UI.\n\n[![npm](https://img.shields.io/npm/v/10x-development-team?color=blue)](https://www.npmjs.com/package/10x-development-team)\n[![GitHub](https://img.shields.io/badge/GitHub-10x--Anit-blue?logo=github)](https://github.com/10x-Anit/10x-development-team)\n[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE)\n[![MCP](https://img.shields.io/badge/MCP-Compatible-purple)](https://modelcontextprotocol.io)\n\n---\n\n## What Is This?\n\nAn MCP server and plugin that turns any AI assistant into a full development team. You describe what you want in plain English. The plugin's 7 specialist agents plan, design, build, test, and deploy it.\n\n**No templates. No boilerplate. No \"here's some code, figure it out.\"** The agents coordinate through a shared file index, reuse a registry of 35+ component blueprints, follow a 50+ file knowledge base of proven patterns, and remember everything across sessions via persistent SQLite memory.\n\n### By the numbers\n\n| | |\n|---|---|\n| **7** specialist agents | Team Lead, Frontend, Backend, UI Designer, QA, Deployer, Error Recovery |\n| **19** slash commands | From `/start` to `/deploy` |\n| **50+** knowledge files | Copy-paste-ready code for every common pattern |\n| **35+** component blueprints | Buttons, cards, tables, modals, auth pages, sidebars, and more |\n| **9** AI clients supported | Claude Desktop, Claude Code, Cursor, Windsurf, Cline, VS Code, Continue.dev, Codex, OpenCode |\n| **12** MCP tools | Project lifecycle, knowledge access, persistent memory |\n| **10** MCP resources | Knowledge base, component registry, project index |\n| **8** MCP prompts | Agent roles, task-specific workflows |\n\n---\n\n## Design-First Philosophy\n\n> Most AI code generators produce functional but ugly output. This plugin produces **Lovable/v0/Bolt-level quality** by default.\n\n**The design system is everything.** Inspired by Lovable, v0, and Bolt.new, the 10x Development Team treats visual quality as a first-class requirement -- not an afterthought. The knowledge base includes massive, production-grade reference files: the Framer Motion reference alone is 1,949 lines, the shadcn/ui reference is 2,041 lines, and the UI/UX Principles bible is 514 lines.\n\nEvery agent follows 10 mandatory design principles baked into the system:\n\n1. **Design system first, code second** -- `globals.css` and `tailwind.config.ts` define ALL visual tokens. Components only reference semantic tokens like `bg-primary`, `text-foreground`, `border-border`. Direct colors like `bg-gray-500` or `text-white` are banned. No hardcoded colors, ever.\n\n2. **Rich animations by default** -- Scroll reveals, hover lifts, page transitions, staggered lists, hero effects, micro-interactions. The Framer Motion knowledge file alone is 1,949 lines of production-ready animation patterns.\n\n3. **Every data view has 3 states** -- Loading skeleton, empty state, error state. Never a blank screen.\n\n4. **shadcn/ui with custom variants** -- 2,041 lines of component patterns including theming, custom variants, and composition recipes. Not just \"install and use\" -- deeply integrated with the design system.\n\n5. **Dark mode is automatic** -- Semantic HSL tokens in `globals.css` mean dark mode works everywhere with zero per-component effort. Gradients and shadows adapt automatically.\n\n6. **Micro-interactions on everything** -- Hover scale (1.02), focus rings, active press (0.98), smooth transitions. Every interactive element has visible state changes.\n\n7. **Mobile-first responsive** -- Designed for 320px first, enhanced at 640px and 1024px+. No desktop-only layouts.\n\n8. **Accessibility is non-negotiable** -- Labels, 4.5:1 contrast ratios, focus indicators, semantic HTML, ARIA attributes. WCAG AA compliance.\n\n9. **Typography has hierarchy** -- Display, headline, title, body-lg, body, caption, overline. Consistent across all pages.\n\n10. **Spacing follows base-4 rhythm** -- 4px, 8px, 12px, 16px, 24px, 32px. No arbitrary values.\n\nThe result: apps that look like a designer built them, not like AI generated them.\n\n---\n\n## Works With 9 AI Clients\n\n| Client | Config Path | Setup Command | Status |\n|--------|-------------|---------------|--------|\n| **Claude Desktop** | `claude_desktop_config.json` | `npx 10x-development-team setup --client claude-desktop` | Ready |\n| **Claude Code** | `~/.claude/.mcp.json` (or direct plugin) | `npx 10x-development-team install-plugin .` | Ready |\n| **Cursor** | `~/.cursor/mcp.json` | `npx 10x-development-team setup --client cursor` | Ready |\n| **Windsurf** | `~/.codeium/windsurf/mcp_config.json` | `npx 10x-development-team setup --client windsurf` | Ready |\n| **Cline** | `cline_mcp_settings.json` | `npx 10x-development-team setup --client cline` | Ready |\n| **VS Code + Copilot** | `.vscode/mcp.json` | `npx 10x-development-team setup --client vscode` | Ready |\n| **Continue.dev** | `~/.continue/mcp.json` | `npx 10x-development-team setup --client continue` | Ready |\n| **Codex** | `~/.codex/mcp.json` | `npx 10x-development-team setup --client codex` | Ready |\n| **OpenCode** | `~/.config/opencode/mcp.json` | `npx 10x-development-team setup --client opencode` | Ready |\n\nConfig paths are auto-detected per platform (Windows, macOS, Linux).\n\n---\n\n## Quick Start\n\n### Option A: Auto-detect all your AI clients (recommended)\n\n```bash\n# Auto-detect and configure ALL your AI clients\nnpx 10x-development-team setup\n\n# Health check\nnpx 10x-development-team doctor\n```\n\nOpen your AI client. Say: **\"Start a new project -- I want an invoice app for freelancers.\"**\n\n### Option B: Configure a specific client\n\n```bash\n# Or configure a specific client\nnpx 10x-development-team setup --client cursor\n\n# Or configure ALL supported clients at once\nnpx 10x-development-team setup --all\n```\n\n### Option C: Claude Code direct plugin (slash commands, no MCP needed)\n\n```bash\n# Claude Code direct plugin (no MCP needed)\nnpx 10x-development-team install-plugin /path/to/your/project\ncd /path/to/your/project\n```\n\nIn Claude Code, type: `/start`\n\n### Option D: Clone the repo\n\n```bash\ngit clone https://github.com/10x-Anit/10x-development-team.git\ncp -r 10x-development-team/.claude /path/to/your/project/.claude\n```\n\n### Health check\n\n```bash\nnpx 10x-development-team doctor\n```\n\nThis checks: Node version, plugin files, SQLite database, configured clients, and knowledge base integrity.\n\n---\n\n## 5 Real Use Cases\n\n### 1. Founder with an idea, no coding skills\n\n> \"I want an app where freelancers create invoices and track payments.\"\n\n**What happens:** The plugin asks 4 plain-English questions. Picks MVP scope. 7 agents build login, dashboard, invoice CRUD, client list, payment tracking -- all with a polished design system, loading states, and dark mode. Run `npm run dev` and see a working app. Add Stripe payments with one more command.\n\n**Scope:** MVP | **Client:** Claude Desktop | **Stack:** Next.js + Prisma + Auth\n\n---\n\n### 2. Developer with existing data, needs a dashboard\n\n> \"I have 50K rows of analytics in Supabase. Build me a dashboard.\"\n\n**What happens:** `:connect-data Supabase` wires up the client and proxy routes. The plugin builds stat cards with animated numbers, sortable tables, and Recharts/Plotly charts -- all following the design system. `:modify-ui add realtime updates` makes the data flow live. Built in under an hour.\n\n**Scope:** MVP | **Client:** Claude Code | **Data:** Supabase + Realtime\n\n---\n\n### 3. Freelancer who needs a client landing page in 10 minutes\n\n> \"Build a landing page for a fitness app -- hero, features, pricing, testimonials.\"\n\n**What happens:** Simple scope. No React, no npm. Just HTML/CSS/JS. The plugin builds a responsive, dark-mode-ready page with smooth scroll, animated sections, and a polished color system. Customize colors and layout with `:modify-ui`. Drag the folder to Netlify. Done.\n\n**Scope:** Simple | **Client:** Any | **Output:** HTML + CSS + JS (no build tools)\n\n---\n\n### 4. Product manager who needs a prototype for investors\n\n> \"Build a team workspace app -- like Notion meets Slack. Needs to look real.\"\n\n**What happens:** Prototype scope. Vite + React with mock data. The plugin builds 5 pages with Framer Motion transitions, staggered list animations, and a complete design system. Investors click through it live. When funded, upgrade to MVP scope -- same project, real data.\n\n**Scope:** Prototype | **Client:** Codex | **Stack:** Vite + React + Tailwind\n\n---\n\n### 5. Startup CTO scaling a live app\n\n> \"We have 500 users. Add Stripe payments, email notifications, and a settings page.\"\n\n**What happens:** `:resume` loads the project from persistent memory -- it knows every file, every feature, every past decision. `:add-feature Stripe subscriptions` builds checkout + webhooks + pricing page. `:add-feature welcome and invoice emails` sets up Resend with React Email templates. `:add-page account settings` uses existing auth and components. `:review` runs QA. `:deploy` updates CI/CD. Three features shipped in one session.\n\n**Scope:** Production | **Client:** Claude Code | **Stack:** Next.js + Stripe + Resend\n\n---\n\n## The 7 Agents\n\n| Agent | What It Does | When It's Used |\n|-------|-------------|---------------|\n| **Team Lead** | Plans, delegates, tracks progress. Never writes code. | All scopes |\n| **Frontend Dev** | Pages, components, UI. 35+ components in registry. Follows design system. | All scopes |\n| **Backend Dev** | APIs, database schemas, auth, business logic. | MVP + Production |\n| **UI Designer** | Design system tokens, color palettes, Tailwind config, visual consistency. | Prototype + MVP + Production |\n| **QA Tester** | Type checks, build verification, test suites, accessibility audits. | MVP + Production |\n| **Deployer** | CI/CD pipelines, Docker, hosting config. | Production (or on request) |\n| **Error Recovery** | Diagnoses build failures. Max 3 attempts then escalates. | On demand |\n\n---\n\n## 4 Scopes -- Never Over-Engineer\n\n| Scope | Output | Tech | Agents | Design Quality |\n|-------|--------|------|--------|----------------|\n| **Simple** | Static pages, opens in browser | HTML + CSS + JS | Frontend only | CSS custom properties, transitions, responsive |\n| **Prototype** | Clickable demo with fake data | Vite + React + Tailwind | UI + Frontend | Full design system, Framer Motion, dark mode |\n| **MVP** | Working app with real data | Next.js + Prisma + Auth | UI + Front + Back | shadcn/ui, loading skeletons, error states |\n| **Production** | Full app, tested, CI/CD | Next.js + Tests + Docker | All 7 agents | Everything above + a11y audit, SEO, monitoring |\n\nA landing page gets HTML. A SaaS gets Next.js. The plugin decides -- you don't have to.\n\n---\n\n## 19 Commands\n\n| Command | Description |\n|---------|------------|\n| `/start` | New project -- 4 questions, then build |\n| `/build` | Full build from your vision |\n| `/add-page` | Add a page to your app |\n| `/add-feature` | Add a feature (frontend + backend) |\n| `/connect-data` | Wire external data (API, Supabase, Firebase, Sheets, CSV) |\n| `/modify-ui` | Quick UI changes -- theme, layout, dark mode, components |\n| `/generate` | Generate component, API route, hook, model, or test |\n| `/fix` | Describe the bug, plugin locates and fixes it |\n| `/refactor` | Improve code quality without changing behavior |\n| `/review` | Code quality review (scope-appropriate depth) |\n| `/explain` | Explain how any part of the codebase works |\n| `/deploy` | Set up deployment (Vercel, Docker, CI/CD) |\n| `/resume` | Continue where you left off (loads from persistent memory) |\n| `/projects` | List, switch, manage all your projects |\n| `/status` | Project dashboard |\n| `/update-deps` | Check and update dependencies safely |\n| `/config` | View or change project settings |\n| `/index` | View or rebuild the file index |\n| `/help` | Show all commands |\n\n---\n\n## What's Inside\n\n```\nmcp-server/          MCP server -- 12 tools, 10 resources, 8 prompts\n.claude/\n  skills/            19 skill definitions (slash commands)\n  agents/             7 specialist agent instructions\n  knowledge/         50+ code pattern files (copy-paste ready)\n  components/        35+ component blueprints with registry\n  templates/          8 project scaffolds\n  scripts/            DB init, validation, component checks\n```\n\n### Knowledge Base -- 50+ Files\n\nAgents don't invent code. They copy proven patterns from a curated knowledge base:\n\n| Category | Files | What's Covered |\n|----------|-------|---------------|\n| **Frameworks** | 5 | Next.js App Router, Vite + React, Expo React Native, vanilla HTML/CSS/JS, framework selection matrix |\n| **Libraries** | 11 | Tailwind (utilities, responsive, dark mode), shadcn/ui (2,041 lines -- theming, variants, composition), Framer Motion (1,949 lines -- scroll, stagger, layout, gestures), Prisma, Zod, NextAuth, Stripe, Zustand, React Hook Form, Resend, Charts/Data Viz (Recharts, Plotly, sparklines, heatmaps) |\n| **UI/UX Design** | 3 | UI/UX Principles bible (514 lines -- typography, spacing, color tokens, hierarchy, micro-interactions), Design System Creation (538 lines -- globals.css tokens, tailwind.config.ts, HSL color system, gradients, shadows), Charts and Data Visualization |\n| **Data Patterns** | 5 | REST/GraphQL APIs, Supabase, Firebase, Airtable, Google Sheets, Notion, CSV/JSON/Excel parsing |\n| **Infrastructure** | 4 | File storage (S3/R2), realtime (SSE/WebSocket), rate limiting/security, error tracking/monitoring |\n| **App Patterns** | 7 | Auth flows, dark mode, SEO, responsive layout, error boundaries, React component patterns, data fetching |\n| **Components** | 10+ | Button, input, card, modal, data table, navbar, sidebar, toast, form, auth pages -- all copy-paste ready |\n\n### MCP Server -- Tools, Resources, Prompts\n\n#### Tools (12)\n\n| Tool | Description |\n|------|-------------|\n| `tenx_start` | Initialize a new project with vision, scope, and type |\n| `tenx_build` | Execute the full build -- returns plan + task list |\n| `tenx_projects` | List, search, manage all projects across sessions |\n| `tenx_read_index` | Read current project state (.10x/ files) |\n| `tenx_update_index` | Update file index, tasks, dev log, feature map |\n| `tenx_get_skill` | Get detailed instructions for any skill (19 available) |\n| `tenx_get_knowledge` | Get copy-paste code patterns from knowledge base |\n| `tenx_list_knowledge` | List all knowledge files by category |\n| `tenx_get_components` | Get the component registry (35+ components) |\n| `tenx_save_memory` | Save decisions/context to persistent memory |\n| `tenx_get_context` | Load cross-session context for current project |\n| `tenx_get_agent` | Get specialist agent instructions (7 agents) |\n\n#### Resources (10)\n\n| Resource | URI | Description |\n|----------|-----|-------------|\n| Knowledge Index | `knowledge://index` | All knowledge files listed by category |\n| Knowledge File | `knowledge://{category}/{file}` | Individual code pattern files |\n| Component Registry | `components://registry` | 35+ pre-built component definitions |\n| Project Config | `project://config` | Project scope, stack, vision |\n| Project Files | `project://files` | File index with descriptions |\n| Project Tasks | `project://tasks` | Task list with status |\n| Project Features | `project://features` | Feature map with data flow |\n| Project Log | `project://log` | Development history |\n| Skill Instructions | `skill://{name}` | 19 skill instruction files |\n| Agent Instructions | `agent://{name}` | 7 agent role definitions |\n\n#### Prompts (8)\n\n| Prompt | Description |\n|--------|-------------|\n| `tenx-system` | Core system prompt for the 10x plugin |\n| `tenx-agent` | Load a specialist agent role |\n| `tenx-build` | Full build with team-lead instructions |\n| `tenx-add-page` | Add a page with frontend-dev instructions |\n| `tenx-add-feature` | Add a feature with team-lead coordination |\n| `tenx-connect-data` | Connect external data source |\n| `tenx-modify-ui` | Quick UI changes |\n| `tenx-fix` | Fix a bug with diagnostic instructions |\n\n### Persistent Memory\n\nSQLite database at `~/.10x/memory.db`:\n- Tracks every project you've ever created\n- Remembers decisions, preferences, session history\n- Resume any project with full context: `:resume`\n- Switch between projects: `:projects`\n\n### Model-Aware Execution\n\nThe plugin adapts to whatever model is running it:\n\n| Model Size | Behavior |\n|-----------|----------|\n| **Haiku / Sonnet** (small context) | COPY code directly from knowledge files. Change only names, props, content. Fast and reliable. |\n| **Opus** (large context) | USE knowledge as structural base. ENHANCE with Framer Motion animations, loading skeletons, error boundaries, accessibility, dark mode, SEO metadata, micro-interactions. |\n\n---\n\n## Architecture\n\n```\nUser (any AI client)\n  |\n  +── Claude Desktop ───> MCP Server (stdio, local)\n  +── Claude Code ──────> Direct plugin (.claude/) OR MCP Server\n  +── Cursor IDE ───────> MCP Server (stdio, local)\n  +── Windsurf IDE ─────> MCP Server (stdio, local)\n  +── Cline ────────────> MCP Server (stdio, local)\n  +── VS Code + Copilot ─> MCP Server (stdio, local)\n  +── Continue.dev ─────> MCP Server (stdio, local)\n  +── Codex CLI ────────> MCP Server (stdio, local)\n  +── OpenCode ─────────> MCP Server (stdio, local)\n  |\n  +── All modes ────────> ~/.10x/memory.db (persistent memory)\n  +── All modes ────────> .10x/ per project (index, tasks, features, log)\n```\n\n---\n\n## MCP Config Reference\n\nThe JSON format that goes in each client's config file:\n\n```json\n{\n  \"mcpServers\": {\n    \"10x-dev\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"10x-development-team\"],\n      \"env\": {}\n    }\n  }\n}\n```\n\n**Note:** VS Code uses `\"servers\"` instead of `\"mcpServers\"`:\n\n```json\n{\n  \"servers\": {\n    \"10x-dev\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"10x-development-team\"],\n      \"env\": {}\n    }\n  }\n}\n```\n\nThis config works for: Claude Desktop, Cursor, Windsurf, Cline, Continue.dev, Codex, and OpenCode. For Claude Code, use the direct plugin install (`install-plugin`) or add to `~/.claude/.mcp.json`.\n\n---\n\n## CLI Commands\n\n```bash\nnpx 10x-development-team setup                    # Auto-detect and configure ALL found clients\nnpx 10x-development-team setup --client cursor     # Configure a specific client\nnpx 10x-development-team setup --all               # Explicitly configure all clients\nnpx 10x-development-team install-plugin [path]     # Copy plugin files into project (Claude Code)\nnpx 10x-development-team doctor                    # Check installation health\nnpx 10x-development-team --version                 # Show version\nnpx 10x-development-team --help                    # All CLI commands\n```\n\n## Environment Variables\n\n| Variable | Default | Description |\n|----------|---------|-------------|\n| `PROJECT_DIR` | `cwd()` | Path to the project being built |\n| `PLUGIN_ROOT` | auto-detect | Path to the 10x plugin repo |\n\n---\n\n## What Makes This Different\n\nMost AI coding tools generate **functional but visually mediocre** output. You get unstyled components, inconsistent spacing, hardcoded colors, no loading states, no error handling, and no animations.\n\nThis plugin is different because the design system is enforced at every layer:\n\n- **UI Designer agent** creates the design tokens before any component is built\n- **Frontend Dev agent** reads the design system knowledge file before writing any UI\n- **Knowledge files** contain production-quality patterns -- not minimal examples, but 2,000-line reference implementations with theming, variants, animations, and accessibility\n- **Component registry** provides pre-built blueprints that already follow the design system\n- **10 design commandments** are embedded in every agent's instructions -- they cannot be skipped\n\nThe output looks like it came from a product team with a designer, not from a code generator.\n\n---\n\n## For AI Agents Reading This\n\nIf you are an AI agent that has been asked to set up or use the 10x Development Team:\n\n1. **Install:** `npx 10x-development-team setup --client [your-client]`\n2. The MCP server exposes 12 tools. Call `tenx_start` to begin a new project.\n3. Call `tenx_get_knowledge` with `category` and `file_name` to read code patterns.\n4. Call `tenx_get_agent` with `agent_name` to load agent instructions.\n5. Call `tenx_get_skill` with `skill_name` to get skill execution instructions.\n6. The system works locally -- no API keys, no hosting, no cloud services needed.\n7. All project state lives in `.10x/` at the project root. Read `.10x/project.json` first.\n8. Persistent memory lives in `~/.10x/memory.db`. Use `tenx_get_context` to load it.\n9. The knowledge base has 50+ files. Use `tenx_list_knowledge` to see all categories.\n10. For Claude Code: use `npx 10x-development-team install-plugin .` to install as a direct plugin with slash commands.\n\n---\n\n## Links\n\n- **Homepage:** [10x-anit.github.io/10x-development-team](https://10x-anit.github.io/10x-development-team)\n- **GitHub:** [github.com/10x-Anit/10x-development-team](https://github.com/10x-Anit/10x-development-team)\n- **npm:** [npmjs.com/package/10x-development-team](https://www.npmjs.com/package/10x-development-team)\n\n---\n\n**Built by [Anit Chaudhry](https://github.com/10x-Anit)** | MIT License\n","readmeFilename":"README.md"}