shadcn-tailwindBuild UIs with Tailwind CSS v4 and shadcn/ui. Covers CSS variables with OKLCH colors, component variants with CVA, responsive design, dark mode, and Tailwind...
Install via ClawdBot CLI:
clawdbot install tenequm/shadcn-tailwindGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://www.apache.org/licenses/Audited Apr 17, 2026 · audit v1.0
Generated May 5, 2026
Build a responsive, data-rich dashboard for internal analytics using shadcn/ui components and Tailwind v4 utility classes. Leverage semantic color tokens for dark mode support and container queries for adaptive layouts.
Develop a dynamic product listing page with variant buttons, responsive grid layouts, and accessible form controls. Use CSS variables to manage theme colors and ensure fast animations via targeted transitions.
Create a modern landing page with dark/light mode toggle, responsive typography, and interactive components like modals and toggles. Utilize CVA for consistent button variants across CTAs.
Implement a secure, accessible patient dashboard with form inputs and data tables. Enforce color contrast using OKLCH-based semantic tokens and respect user reduced-motion preferences.
Build a reusable component library with Radix UI primitives, shadcn/ui styling patterns, and CSS-first configuration. Use @theme inline for dynamic theming and document variants via CVA.
Offer the shadcn/ui patterns and Tailwind config as open source, while selling premium component sets, full-page templates, or custom theme packages for subscription or one-time fees.
Provide UI/UX consulting services to businesses that want to adopt shadcn/tailwind for their products, including migration from v3, theme setup, and component customization.
Host a marketplace where developers sell proprietary shadcn/ui-compatible components, with a revenue share model. Offer a free tier for basic components and subscription for premium collections.
💬 Integration Tip
When integrating shadcn-tailwind into an existing project, migrate any tailwind.config.js to CSS-first @theme directives and replace old plugins with @plugin imports to ensure compatibility with Tailwind v4.
Scored Apr 19, 2026
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.