an ai-powered technical lead that helps agents build production-quality apps following your design system, coding standards, and architecture patterns.
Add this server to any MCP-compatible client and your AI agent instantly becomes a senior engineer who knows your entire codebase.
Point your MCP client (Claude, Cursor, VS Code, Windsurf) to the endpoint above.
Your agent queries the design system, standards, and patterns — getting guidance as it codes.
Scaffold components, routes, and pages that match your exact design system and stack.
Get automated code review that catches design system violations, naming issues, and anti-patterns.
teenage engineering inspired — warm cream backgrounds, bold orange accents, and clean typography with a lowercase aesthetic.
Here's what AI agents build when guided by this MCP server — pixel-perfect apps following the "te" design system.
Real-time messaging with auto-scroll, message bubbles, typing indicators, and model selector. Full keyboard navigation.
Stat cards with trend indicators, tabbed navigation, responsive grid layout, and data visualization areas.
Toggle switches, model selectors, chip groups, and form controls using the full MUI 6 component system with te theme.
Filterable lists with status chips, action buttons, icon indicators, and responsive card layouts.
Every scaffold, pattern, and review is tuned for this exact stack.
Everything an AI agent needs to build, review, and document apps that follow your standards.
Generate a complete build plan for any app — phased implementation with files, commands, and tool calls. Supports 5 stacks.
Validate a build plan for completeness, checking missing phases, stack requirements, and best practices.
Complete design tokens — colors, typography, spacing, shadows, motion, and component guidelines.
Required font packages and CSS imports for IBM Plex Sans and Space Mono.
Full tech stack specification with TypeScript, Vite, and framework configuration.
Naming conventions, file organization rules, and code quality standards.
Standard project directory layout for routes, components, and features.
12 production-ready code examples: layouts, pages, chat, forms, tables, and more.
Complete MUI theme.ts source — 1200+ lines of fully configured theme tokens.
UI component creation standards: accessibility, responsive design, state management, animations, composition, and MUI usage guide.
Standards for JSDoc, README files, changelogs, and error messages.
Generate a production-ready component file with proper MUI imports and theme usage.
Generate TanStack Router route files with typed parameters and proper structure.
Generate a full API resource: route handlers, validation schemas, controllers, and client-side query hooks.
Generate test files for components, APIs, services, or hooks with proper mocking and assertions.
Generate full-featured UI components: dashboards, data lists, chat UIs, forms, detail pages, modals, tabs, and status cards.
Generate README, changelog, component docs, or API docs from templates.
Step-by-step new project setup from npm create to first deploy.
Comprehensive testing setup guide: runner config, utilities, example tests, and best practices per stack.
Detailed API implementation patterns: routes, controllers, services, validation, error handling, and query hooks.
Generate CI/CD pipelines (GitHub Actions / GitLab CI) with lint, test, build, and Docker jobs.
Automated review checking design system compliance, naming, patterns, and anti-patterns.
Specialized UI review: accessibility, responsive design, state patterns, loading/error states, and animation.
Review code for documentation quality — missing JSDoc, exports, and coverage.
Full codebase assessment: dependency audit, structure analysis, design system compliance, and recommendations report.