SkillHub
Skill GuideMCP GuideBrowseCategoriesSubmit
Submit
SkillHub

The discovery platform for Claude MCP servers and skills. Find and install the best tools to extend Claude.

Platform

  • Browse
  • Categories
  • Submit

Categories

  • Developer Tools
  • Testing
  • DevOps
  • Security

Resources

  • Quick Start Guide
  • Skills Docs
  • GitHub
  • MCP Protocol

© 2026 SkillHub. All rights reserved.

Privacy PolicyTerms of Service
Back to Skills

Magic MCP (21st.dev)

AI-driven UI component generation with a modern React/Tailwind component library.

MCP Server
Verified
4.4k stars

About

Magic Component Platform from 21st.dev helps developers create beautiful, modern UI components instantly through natural language descriptions. Provides access to a pre-built component library, real-time preview, TypeScript support, and SVGL integration for brand assets.

Installation

$ npx -y @21st-dev/magic@latest

Tags

ui-components
react
tailwind
design-system
code-generation

Related Skills

Frontend Design

Frontend design and UI/UX development guidance for Claude.

Claude Code
87.6k
Anthropic

React Composition Patterns

React composition patterns that scale and avoid boolean prop proliferation.

Multi-Platform
22.4k
Vercel

React Native Best Practices

React Native best practices optimized for AI agents with 16 rules across 7 sections.

Multi-Platform
22.4k
Vercel
Provider
21st.dev
Category
Frontend
Type
MCP Server
Last Updated
March 9, 2026
View SourceDocumentation