mcp server
21st.dev Magic
A Model Context Protocol (MCP) server designed to help create custom UI components, drawing inspiration from the design principles of 21st.dev engineers.
About
21st.dev Magic is an MCP server for generating and refining custom UI components on demand. It draws on the design patterns of leading 21st.dev engineers, helping developers create polished, production-ready interface elements directly from their AI tools.
Related assets
More curated picks in Design & Creative.
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Photorealistic architecture renders — exteriors, interiors, urban context.
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Audit before you install
Run any source through our checks - AI visibility, security, performance, and stack detection.
Automated Web Security Scan
security
PageSpeed Analyzer
performance
AI Content Quality Test
arabic content
AI Agent / MCP Server Tester
ai testing
Site Stack Detector
migration
AI SEO / AEO / GEO Audit
ai visibility
llms.txt Generator
ai visibility
Readability Score
arabic content
Schema / JSON-LD Builder
ai visibility
AI Cost Calculator
ai testing
Headline Analyzer
arabic content