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. secondsky
  4. /
  5. claude-skills
  6. /
  7. Tailwind V4 Shadcn

Tailwind V4 Shadcn

Editor's Note

This is the setup guide you want bookmarked if you're using Tailwind v4 with shadcn/ui. It's production tested and built around the four-step architecture pattern that actually works: CSS variables at root, theme inline mappings, base layer styles, automatic dark mode. The author documents real results (70% token reduction, zero errors vs the usual 2-3 gotchas) and calls out the specific mistakes that break v4 projects, like putting root variables inside layer base or double-wrapping hsl values. Includes working templates for ThemeProvider, complete dependency lists, and a troubleshooting section for the plugin syntax issues that trip people up. Worth using just to avoid the tw-animate-css import error alone.

Install

npx skills add https://github.com/secondsky/claude-skills --skill tailwind-v4-shadcn
Votes
0
Installs4.5k
GitHub Stars144
Categories
Frontend DevelopmentBackend & APIsTesting & QASecurityGit & Pull RequestsDocumentationCode Review & QualityDebuggingAutomation & WorkflowsGoDesign & UI/UX
First SeenMay 16, 2026
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.