Lovable Project Analyzer
Unofficial MCP server for analyzing Lovable-generated projects with Claude Desktop. Community-built tool for enhanced development workflow with React, TypeScript, Supabase integration. Not affiliated with Lovable.
What is Lovable Project Analyzer?
Lovable Project Analyzer is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to unofficial mcp server for analyzing lovable-generated projects with claude desktop. community-built tool for enhanced development workflow with react, typescript, supabase integration. not affiliated ...
Unofficial MCP server for analyzing Lovable-generated projects with Claude Desktop. Community-built tool for enhanced development workflow with React, TypeScript, Supabase integration. Not affiliated with Lovable.
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- Unofficial MCP server for analyzing Lovable-generated projec
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx lovableConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Lovable Project Analyzer
Lovable MCP Server is a community-built analysis layer for React/TypeScript projects generated by the Lovable.dev platform, giving Claude Desktop deep visibility into a project's component architecture, routing, Tailwind CSS usage, React hooks, Supabase database schema, and API call patterns. Rather than reading raw source files, developers can ask Claude structured questions about their Lovable-generated codebase and get accurate answers about component relationships, RLS policies, and API integrations. It is particularly useful during code review, refactoring planning, or when onboarding to an existing Lovable project.
Prerequisites
- Node.js 18+ installed
- An existing Lovable-generated project (React + TypeScript + Supabase) cloned locally
- Claude Desktop installed and configured
- npm available in PATH for global package installation
Install the package globally
Install lovable-mcp-server from npm globally so the lovable-mcp-server command is available to Claude Desktop.
npm install -g lovable-mcp-serverIdentify your Lovable project path
Locate the root directory of your Lovable-generated project — it should contain a package.json with React and TypeScript dependencies and a Supabase configuration.
ls /path/to/your/lovable-project/
# Should show: src/ supabase/ package.json vite.config.tsAdd the server to Claude Desktop config
Edit claude_desktop_config.json to add the lovable-mcp entry. The --project-path argument must point to the root of your Lovable project.
{
"mcpServers": {
"lovable-mcp": {
"command": "lovable-mcp-server",
"args": ["--project-path", "/path/to/your/lovable-project"],
"env": {
"NODE_ENV": "production"
}
}
}
}Restart Claude Desktop
Quit and reopen Claude Desktop to load the new MCP server. The lovable-mcp tools (analyze_project, get_components, get_routing_structure, analyze_api_calls, analyze_database_schema, and others) will become available.
Test with a project structure analysis
Start with a broad analysis request to confirm the server can read your project and that the tools respond correctly.
Lovable Project Analyzer Examples
Client configuration
Claude Desktop configuration pointing the lovable-mcp-server at a locally cloned Lovable project directory.
{
"mcpServers": {
"lovable-mcp": {
"command": "lovable-mcp-server",
"args": ["--project-path", "/Users/yourname/projects/my-lovable-app"],
"env": {
"NODE_ENV": "production"
}
}
}
}Prompts to try
Example prompts that map to the eight exposed tools — from structural analysis to Supabase schema inspection.
- "Analyze the structure of this Lovable project and give me an overview"
- "Show me all the React components and their relationships in this project"
- "What routes does this app have? Are any protected by authentication?"
- "Analyze the Supabase database schema — what tables exist and what are the RLS policies?"
- "How is the app making API calls? Are there any patterns I should be aware of?"
- "What React hooks are used most frequently in this codebase?"Troubleshooting Lovable Project Analyzer
Server starts but returns empty results for components
The --project-path must point to the actual project root containing the src/ directory. If you pass a subdirectory or a parent directory, the component scanner will not find any React files. Run 'ls /your/project-path/src' to verify.
analyze_database_schema returns no tables
The tool reads Supabase schema files from the supabase/ directory at the project root. If your project uses a different Supabase configuration location or has not yet run 'supabase db pull', the schema files may be absent. Run 'supabase db pull' in the project root to populate the local migration files.
lovable-mcp-server command not found after npm install -g
Global npm binaries may not be on your PATH. Run 'npm config get prefix' to find the global bin directory, then add it to your PATH: export PATH=$(npm config get prefix)/bin:$PATH. Add this to your ~/.zshrc or ~/.bashrc for persistence.
Frequently Asked Questions about Lovable Project Analyzer
What is Lovable Project Analyzer?
Lovable Project Analyzer is a Model Context Protocol (MCP) server that unofficial mcp server for analyzing lovable-generated projects with claude desktop. community-built tool for enhanced development workflow with react, typescript, supabase integration. not affiliated with lovable. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Lovable Project Analyzer?
Follow the installation instructions on the Lovable Project Analyzer GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Lovable Project Analyzer?
Lovable Project Analyzer works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Lovable Project Analyzer free to use?
Yes, Lovable Project Analyzer is open source and available under the MIT license. You can use it freely in both personal and commercial projects.
Lovable Project Analyzer Alternatives — Similar Developer Tools Servers
Looking for alternatives to Lovable Project Analyzer? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.
Ecc
★ 188.2kThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Javaguide
★ 155.8kJava 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Gemini CLI
★ 104.5kA secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in
Awesome MCP Servers
★ 87.3k⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.
MCP Servers
★ 86.0kModel Context Protocol Servers
CC Switch
★ 77.5kA cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
Browse More Developer Tools MCP Servers
Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Lovable Project Analyzer in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Lovable Project Analyzer?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.