Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@ai-mosaic review the PR diff for the auth module"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
MCP server for Angular architecture, code quality, and version-aware development — acts as reviewer, coder, and architect for Angular 19+.
Works with Cursor, GitHub Copilot, Claude Code, and Claude Desktop. Includes first-class Storybook guidance.
npx ai-mosaic-setupOr as a dev dependency:
npm install --save-dev ai-mosaic
npx ai-mosaic-setupRelated MCP server: devflow-mcp
Cursor — .cursor/mcp.json:
{
"mcpServers": {
"ai-mosaic": {
"command": "npx",
"args": ["-y", "ai-mosaic"]
},
"angular-cli": {
"command": "npx",
"args": ["-y", "@angular/cli", "mcp"]
}
}
}detect_angular_context → review_pr_diff → scan_violations → review_architecturegenerate_feature / generate_component / generate_story → apply_changes (confirm:true)audit_modernization → plan_refactor → apply_changesTool | Description |
| Angular version, projects, Storybook, rule profile |
| Version-specific required/deprecated patterns |
| Index of quality domains |
| One domain on demand (version-scoped for modern-angular) |
| Educational deep-dive |
| Optional config file help |
| Review format + anti-patterns |
| Sections matched to file types |
| PR review orchestration |
| Principal-level architecture checklist |
| Version-aware heuristic scan |
| Legacy pattern audit + Storybook gaps |
| Scaffold feature folder |
| Scaffold component (+ optional story) |
| Storybook CSF3 story |
| Step-by-step refactor plan |
| Write files (requires confirm:true) |
| Optional ng lint/test/build bridge |
You do not need a config file — defaults work everywhere.
To tune per repo, copy ai-mosaic.config.example.json → ai-mosaic.config.json:
{
"severity": "balanced",
"ignore": ["**/legacy/**"],
"storybook": { "requireAutodocs": true },
"cliBridge": { "enabled": true }
}Field | What it does |
|
|
| Paths skipped during scans |
| Rule IDs always treated as BLOCKER |
| Story file patterns and autodocs requirements |
| Enable/disable |
Call MCP tool explain_project_config for full details.
Standards domain: storybook
Scanner checks .stories.ts for autodocs, args/controls
audit_modernization lists components missing stories
generate_story scaffolds CSF3 stories
npm install
npm run build
npm link
cd ../my-angular-app && npx ai-mosaic-setup --localMIT
This server cannot be deployed
The official MCP server for Capawesome documentation and Capawesome Cloud.
MCP server for Mint — AI-powered QA that runs your app in a real browser on every PR.
MCP server for secureFlows: token-free URL builders and integration-linting tools for AI agents.
A MCP server built for developers enabling Git based project management with project and personal…
