All Categories

Frontend

UI components, design systems, and component generation

12 tools

Frontend Design

Frontend design and UI/UX development guidance for Claude.

Claude Code
133.8k
Anthropic

Web Artifacts Builder

Build complex HTML artifacts with React and Tailwind.

Claude Code
133.8k
Anthropic

React Best Practices

React and Next.js performance optimization guidelines from Vercel Engineering.

Multi-Platform
26.5k
Vercel

React Native Best Practices

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

Multi-Platform
26.5k
Vercel

React Composition Patterns

React composition patterns that scale and avoid boolean prop proliferation.

Multi-Platform
26.5k
Vercel

Magic MCP (21st.dev)

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

MCP
4.9k
21st.dev

Expo App Design

Design and build Expo/React Native mobile applications.

Multi-Platform
2.1k
Expo

shadcn/ui Skill

Build accessible UI components with shadcn/ui and Tailwind.

Multi-Platform
1.9k
Google Labs

Web Quality Skills

Agent Skills suite by Addy Osmani for Lighthouse-grade web quality, performance, accessibility, SEO, and best practices.

Claude Code
1.8k
Addy Osmani

Web Asset Generator

Generate favicons, app icons, and social media images for web projects.

Claude Code
363
alonw0

Carbon Design System MCP

IBM Carbon's official MCP — explore components, tokens, and icons and generate Carbon-compliant UI code.

Multi-Platform
19
IBM Carbon Design System

module-tsx

module-tsx is well-suited for AI-generated pages — an AI can produce a single, self-contained HTML file that runs TypeScript and React directly in the browser with no build step or configuration.

Claude Code
0
YieldRay
Frontend Skills for Claude AI | SkillHub