Best Component AI Skills & MCP Servers
51 curated Component skills and MCP servers — install any of them into Claude, Cursor, ChatGPT, n8n, or any AI stack with one command.
Component Library
MCP server for the Cooper Component Library. Provides component documentation, prop inspection, color palette info, and scaffolding tools for AI assistants.
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
React Toolkit
17 MCP servers for React + TypeScript development automation — component scaffolding, dep auditing, WCAG checking, test generation, TypeScript enforcement, render analysis, performance audit, Lighthouse, Storybook generation, legacy app analysis, componen
Mcp
Model Context Protocol server providing AI agents access to 136+ KoliBri component examples and source code.
Chatbox Core
Generic chatbox engine, UI components, and helpers. Self-contained build — consumers only need react + styled-components.
Helixir
MCP server that gives AI agents full situational awareness of any web component library
Mcp
Kanso Protocol — Model Context Protocol server. Exposes the component / pattern / token catalog to AI agents so they can author Kanso UI without leaving the editor.
Mcp
MCP server with HTML Bricks (hb-*) web component catalog resources and tools for agentic IDEs.
Storybook
MCP server that connects to any Storybook. Browse components, fetch docs and examples, search stories, and capture screenshots.
Zui
Official MCP server for ZUI component library - provides AI assistants with comprehensive component documentation and examples
Mcp
Universal MCP server for Hex Core — runs on Claude Code, Cursor, Continue, Gemini CLI, ChatGPT Desktop, and Zed. 13 tools over the component registry. Thin transport shell — pure-function builders live in @hex-core/payload.
Torch Glare
MCP server for TORCH Glare component library — gives AI assistants full access to component docs, API references, code examples, and design system info
Mina
MCP Server for interacting with Mina projects.
Astro
MCP server to support Astro project development
Shadcn
MCP server for shadcn/ui component references
Shadcn Ui
MCP server for shadcn/ui component references
Server
MCP server for AI agent component discovery
Fe
MCP server for searching Hero Design System components
Server
MCP server for DoNotDev component type lookups
Polaris
Shopify Polaris UI Components MCP Server for AI assistants
Shadcn Ui
MCP server for shadcn/ui component references
Reactbits Dev
MCP server providing access to 135+ animated React components from ReactBits.dev
KRDS Design System
Build interfaces that follow the Korea Responsive Design System (KRDS) faster. Search and insert official components, retrieve ready-to-use HTML, and explore color, spacing, and typography tokens. Validate your code for KRDS compliance and accessibility and get actionable improve
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.