Click on "Install 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., "@AegisX MCPbuild a CRUD generation command for the products table"
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.
@aegisx/mcp
MCP (Model Context Protocol) server for the AegisX platform. Provides AI assistants with access to AegisX UI components, CRUD generator commands, development patterns, and API contract discovery.
Features
UI Components Reference - Browse and search 78+ AegisX UI components with full API documentation
CRUD Generator Commands - Build and execute CRUD generation commands with 23 supported options (100% CLI alignment)
Development Patterns - Access best practices, code templates, and architecture patterns
API Contract Discovery - List, search, and validate API contracts across your codebase
API Testing & Authentication - Login, test protected endpoints, decode JWT tokens, and track request history
Design Tokens - Reference design tokens for colors, spacing, typography
Development Standards - Access coding standards and guidelines
Data Synchronization
The component, command, and pattern data files are auto-generated from source libraries:
src/data/components.ts- Generated from aegisx-ui componentssrc/data/crud-commands.ts- Generated from aegisx-cli commandssrc/data/patterns.ts- Validated from existing patterns
⚠️ DO NOT EDIT MANUALLY - Changes will be overwritten on next sync.
Installation
NPM (Global)
Claude Desktop Configuration
Add to your Claude Desktop config (~/Library/Application Support/Claude/claude_desktop_config.json):
Or if installed globally:
Available Tools
UI Components
Tool | Description |
| List all UI components, optionally filtered by category |
| Get detailed info about a specific component |
| Search components by name or description |
Example:
CRUD Generator
Tool | Description |
| Build a CRUD generation command with options |
| View available packages (standard, enterprise, full) |
| See what files will be generated |
| Get help with common issues |
| Get complete workflow for a feature |
Example:
Development Patterns
Tool | Description |
| List all patterns by category |
| Get a specific pattern with code |
| Search patterns |
| Get pattern suggestions for a task |
Example:
API Contract Tools
Tool | Description |
| List all API endpoints, optionally filtered by feature |
| Search endpoints by keyword across paths and methods |
| Get detailed contract for a specific endpoint |
| Validate implementation matches documented contracts |
Examples:
API Testing & Authentication Tools
Tool | Description |
| Login to API and store access token (default: localhost:3000) |
| Check authentication status and token info |
| Decode JWT token to view header, payload, and expiry details |
| Logout and clear authentication session |
| Make authenticated HTTP requests (GET/POST/PUT/PATCH/DELETE) |
| View request/response history with filtering |
| Clear request history |
Examples:
Features:
✅ Automatic token management and storage
✅ Request/response history (last 50 requests)
✅ JWT token decoding and validation
✅ Support for custom headers and query parameters
✅ Configurable base URL (default: http://localhost:3000)
✅ Environment variable support (AEGISX_API_URL)
Available Resources
Resource | Description |
| Design tokens (colors, spacing, typography) |
| Coding standards and guidelines |
| Backend API conventions |
| Monorepo structure guide |
| Getting started guide |
Component Categories
data-display - Badge, Card, Avatar, KPI Card, Stats Card, List, Timeline, Progress
forms - Date Picker, Input OTP, Knob, Popup Edit, Scheduler, Time Slots
feedback - Alert, Loading Bar, Inner Loading, Splash Screen, Skeleton
navigation - Breadcrumb, Command Palette, Navbar, Launcher
layout - Classic Layout, Compact Layout, Enterprise Layout, Empty Layout
auth - Login Form, Register Form, Reset Password Form, Social Login
advanced - Calendar, Gridster, File Upload, Theme Builder, Theme Switcher
overlays - Drawer
CRUD Packages
Package | Features |
standard | Basic CRUD, pagination, search, soft delete |
enterprise | Standard + Excel/CSV import |
full | Enterprise + WebSocket events |
Development
Sync Data from Source
The sync tool automatically updates data files from source libraries. This runs before each build via the prebuild hook.
Note: The sync process extracts component metadata from libs/aegisx-ui, command definitions from libs/aegisx-cli, and validates existing patterns. Manual edits to generated data files will be overwritten on next sync.
Build
The build process automatically runs pnpm run sync before compilation to ensure data files are up to date.
Test Locally
Debug
Set DEBUG=mcp:* environment variable for verbose logging.
License
MIT