Best Component AI Skills & MCP Servers
46 curated Component skills and MCP servers — install any of them into Claude, Cursor, ChatGPT, n8n, or any AI stack with one command.
Fe
MCP server for searching Hero Design System components
Mcp
MCP server for EUI Angular component library using Compodoc documentation
React Webmcp
React hooks for Model Context Protocol (MCP) - expose React components as AI tools for Claude, ChatGPT, Cursor, and Copilot with Zod validation
Storybook
MCP server for Storybook - provides AI assistants access to components, stories, properties and screenshots
Rhizophora
MCP server for React Native spatial integrity and layout audit. Provides Ground Truth for your component tree by detecting margin pollution, token deviations, bridge crossings, and render traps. 15 tools for structural analysis, layout auditing, performan
V0 Ui Generator
Bring a design specialist to your AI workflow. 12 MCP tools connect v0 to Claude Code, GitHub Copilot, and any MCP-compatible agent — for design consultation, component generation, and iterative refinement. Free during preview.
Cli
Design-system memory for coding agents — give Claude Code, Cursor, and Codex memory of your tokens, components, and Figma so they edit your app without breaking the design.
Server
MCP server for AI agent component discovery
Smart
Smart UI MCP Server for VS Code, Cursor, and AI IDEs. Provides Smart UI components, metadata, and Angular code generation through the Model Context Protocol with support for Azure OpenAI, OpenAI, Anthropic, Gemini, and local LLMs.
Reactbits
MCP Server for React Bits - Access 99+ React components with animations, backgrounds, and UI elements
Fabric Api
MCP server for Microsoft Fabric REST APIs — enables data engineers and data analysts to use AI assistants beyond Copilot to build and manage Fabric components
Myoperator
MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens
Mcp
Model Context Protocol (MCP) server for PrimeNg component library
Shadcn Ui
A Model Context Protocol (MCP) server for shadcn/ui components, providing AI assistants with access to component source code, demos, blocks, and metadata.
Mcp
Model Context Protocol server providing Taiga UI documentation search and scaffolding tools.
Server
Model Context Protocol server for the Lumeo Blazor component library. Lets LLMs (Claude, Copilot, Cursor) author correct Lumeo markup.
Mcp
Model Context Protocol (MCP) server for PrimeVue component library
Musea
MCP server for building Vue.js design systems - component analysis, documentation, variant generation, and design tokens
React
MCP server for HeroUI component documentation via Model Context Protocol
Prefab
TypeScript declarative UI component library for MCP apps. Wire-compatible with Python prefab-ui.
Native
MCP server for HeroUI Native component documentation via Model Context Protocol
Spectrum Design Data
Model Context Protocol server for Spectrum design data including tokens, schemas, and component anatomy
Mcp
MCP server for UWC Components — gives AI coding assistants real-time access to component docs, props, events, slots, and code examples
Tdpilot
AI copilot for TouchDesigner with live MCP control — 106 tools, focus + locations, hint injection, component notes, POPx inspection, knowledge corpus, project lifecycle control, technique memory, typed patch sessions, agent activity log, one-tool self-upd
About Component skills on iClaude
iClaude is the universal install layer for AI skills. Every Component skill on this page can be installed into Claude Code, Claude Desktop, Cursor, ChatGPT, n8n, Codex, and more — using a single copy-paste command. No config drift, no per-stack adapters, no manual MCP wiring.