CLAUDE CODE MARKETPLACES
SkillsMarketplacesMCPDigestLearnJobsAdvertise

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by Category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP Servers by Category
Web & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web CrawlingAutomation & Workflows
Marketplaces by Category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control

Claude Code Marketplaces

Discover Claude Code plugins, extensions, and tools. Automatically updated directory of Anthropic Claude AI marketplaces with development tools, productivity plugins, and integrations.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Marketplaces
  • Plugins Reference

Community

  • About
  • Learn
  • Feedback
  • Privacy Policy
  • Jobs
  • Advertise

Built for the Claude Code community with Claude Code by @mertduzgun

Independent project, not affiliated with Anthropic
  1. Skills
  2. /
  3. samhvw8
  4. /
  5. dot-claude
  6. /
  7. Ui Design System

Ui Design System

Editor's Note

This is a comprehensive reference for building React UIs with the modern TailwindCSS, Radix UI, and shadcn/ui stack. It covers all three layers: Tailwind for utility-first styling, Radix for accessible primitives, and shadcn/ui for pre-built components you copy into your codebase. The skill includes detailed guidance on when to use each layer, accessibility-first patterns, design token systems with CSS variables, and mobile-first responsive strategies. What stands out is the clear architecture hierarchy and practical decision framework. If you're building component libraries or implementing shadcn/ui components, this gives you the opinionated structure and best practices to avoid common pitfalls with dark mode, theming, and accessible component composition.

Install

npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system
Votes
0
Installs2.8k
GitHub Stars10
Categories
Frontend DevelopmentDevOps & CI/CDProductivity & PlanningMobile DevelopmentDesign & UI/UX
View on GitHub

Comments

Login to comment

Related Frontend Development Skills

View all →
frontend-design

anthropics/skills

10
418.1k
135.1k
Distinctive, production-grade frontend interfaces that reject generic AI aesthetics.
vercel-react-best-practices

vercel-labs/agent-skills

5
402.7k
26.6k
3
React and Next.js performance optimization guide with 64 prioritized rules across 8 categories.
remotion-best-practices

remotion-dev/skills

0
312.3k
3.2k
Domain-specific knowledge base for building videos with Remotion and React.
vercel-composition-patterns

vercel-labs/agent-skills

0
175.4k
26.6k
React composition patterns for scaling components and avoiding boolean prop proliferation.
ui-ux-pro-max

nextlevelbuilder/ui-ux-pro-max-skill

4
167k
79k
Comprehensive design intelligence for web and mobile UI/UX across 10 technology stacks.
shadcn

shadcn/ui

0
143.8k
114.5k
Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.