Angular MCP Server

A Model Context Protocol (MCP) server that provides comprehensive access to Angular documentation, enabling AI assistants to search and retrieve Angular-related information with intelligent relevance scoring.

The server provides 5 powerful tools for Angular documentation:

Search Angular documentation for specific topics, concepts, or keywords with intelligent relevance scoring.

- Parameters:

- query(required): Search query (e.g., "components", "dependency injection", "routing")
- category(optional): Filter by category (Components, Templates, Directives, etc.)
- limit(optional): Maximum number of results (default: 5)

Get detailed information about a specific Angular topic.

- Parameters:

- topic(required): Specific topic name (e.g., "Component lifecycle", "Signals overview")

List all available Angular documentation categories with topic counts.

Get a comprehensive overview of the Angular framework and its features.

Find code examples and practical implementations for Angular concepts.

- Parameters:

- concept(required): Angular concept to find examples for (e.g., "component", "service", "directive")

Add this configuration to your Claude Desktop MCP settings:

macOS:~/Library/Application Support/Claude/claude_desktop_config.jsonWindows:%APPDATA%/Claude/claude_desktop_config.json

{ "mcpServers": { "angular-docs": { "command": "npx", "args": ["angular-mcp-server"] } } }

Add to your Cline MCP settings:~/Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json

{ "mcpServers": { "angular-docs": { "command": "npx", "args": ["angular-mcp-server"], "disabled": false, "autoApprove": [] } } }

Amazon Q CLI supports MCP servers through configuration. Add this to your MCP configuration:

{ "mcpServers": { "angular-docs": { "command": "npx", "args": ["angular-mcp-server"] } } }

Once configured, you can interact with Angular documentation directly through Amazon Q:

# Start Amazon Q chat with MCP support q chat # Example queries you can ask: # "Search for Angular component lifecycle methods" # "Show me dependency injection examples" # "How do I implement reactive forms?" # "List all Angular documentation categories"

Amazon Q will automatically use the Angular MCP Server to provide comprehensive Angular documentation and code examples.

Once integrated with your AI assistant, you can ask questions like:

- "Search for Angular component lifecycle methods"
- "Show me information about Angular signals"
- "Find examples of dependency injection in Angular"
- "List all Angular documentation categories"
- "Get an overview of Angular framework"
- "How do I implement reactive forms in Angular?"
- "What are the best practices for Angular testing?"

The server provides access to84 Angular documentation topicsacross15 categories:

- Components(7 topics) - Component basics, lifecycle, styling, inputs/outputs
- Templates(7 topics) - Template syntax, binding, control flow, variables
- Directives(5 topics) - Built-in and custom directives, composition
- Signals(3 topics) - Reactive programming with Angular signals
- Dependency Injection(7 topics) - DI patterns, providers, services
- Forms(6 topics) - Reactive and template-driven forms, validation
- Routing(7 topics) - Navigation, route guards, lazy loading
- HTTP Client(5 topics) - API communication, interceptors, testing
- Testing(12 topics) - Unit testing, component testing, e2e testing
- Server-Side Rendering(6 topics) - SSR, hydration, prerendering
- Animations(3 topics) - Component and route animations
- RxJS Integration(2 topics) - Observables with Angular
- APIs & CLI(2 topics) - Reference documentation
- Advanced Topics(9 topics) - Performance, security, best practices
- Getting Started(3 topics) - Installation, setup, style guide

git clone https://github.com/SAIPRANAY-GANGULA/angular-mcp-server.git cd angular-mcp-server npm install npm run build

- npm run build: Compile TypeScript and copy documentation files
- npm run start: Run the compiled server
- npm run dev: Build and run in development mode
- npm run test: Test with MCP inspector

angular-mcp-server/ ├── src/ │ ├── index.ts # Main server implementation │ ├── llms.txt # Angular docs structure │ └── llms-full.txt # Detailed Angular content ├── build/ # Compiled JavaScript (generated) ├── package.json ├── tsconfig.json ├── LICENSE └── README.md

- Node.js: v18.0.0 or higher
- npm: v8.0.0 or higher

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
- Fork the repository
- Create your feature branch (git checkout -b feature/AmazingFeature)
- Commit your changes (git commit -m 'Add some AmazingFeature')
- Push to the branch (git push origin feature/AmazingFeature)
- Open a Pull Request
- Server not starting: Ensure Node.js v18+ is installed
- Permission errors: Try running withsudofor global installation
- MCP client not connecting: Verify the configuration file syntax
- No search results: Check that the documentation files are properly loaded

- 📖Documentation
- 🐛Report Issues
- 💬Discussions

This project is licensed under the MIT License - see theLICENSEfile for details.

- Built with theModel Context Protocol SDK
- Angular documentation sourced fromangular.dev
- Inspired by the growing MCP ecosystem

Extentos is a multi-vendor development platform for adding smart-glasses capabilities to existing iOS and Android apps. The simplest analogy is Stripe for smart glasses