Overview
Tools and resources for building BlakeUI Pro projects with AI coding assistants.
BlakeUI Pro provides three tools to help AI assistants build better UIs with
@blakeui-pro/react. Use them together for the best results.
What Each Tool Does
| MCP Server | React Pro Skill | Design Taste Skill | |
|---|---|---|---|
| Purpose | Live access to docs, CSS, and themes | Teaches component patterns and v3 conventions | Teaches design system principles and visual polish |
| How it works | Remote tools your agent calls at runtime | Static instructions loaded into context | Static instructions loaded into context |
| Install | Add URL to editor MCP config | One-line curl install | One-line curl install |
| Offline | No (requires network) | Yes | Yes |
Skills teach, MCP does. Skills give your agent knowledge of patterns and conventions. The MCP server gives it live access to component documentation, CSS files, and theme variables.
Recommended Stack
For best results, install all three:
- MCP Server — your agent can look up any component API, browse the CSS system, and read guides in real time
- React Pro Skill — your agent knows
@blakeui-pro/reactconventions, compound patterns, and common mistakes without needing to look them up - Design Taste Skill — your agent produces polished, well-designed UIs instead of generic layouts