shadcn-theme-defaultEnforces the default shadcn/ui Neutral theme (black/white/gray) with OKLCH CSS variables, Tailwind v4 integration, and dark mode support
Install via ClawdBot CLI:
clawdbot install guifav/shadcn-theme-defaultGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
http://www.w3.org/2000/svgAudited Apr 18, 2026 · audit v1.0
Generated Mar 22, 2026
A B2B SaaS company wants to update its legacy admin dashboard with a modern, accessible design using shadcn/ui components. This skill ensures consistent neutral theming across all UI elements like charts, tables, and forms, improving user experience and brand cohesion.
An e-commerce retailer is rebuilding its product pages and checkout flow to unify styling across web and mobile. Applying this default neutral theme provides a clean, professional look that highlights products without color distractions, supporting dark mode for user preference.
A large enterprise needs to create a shared design system for internal tools like HR portals and analytics dashboards. This skill enforces the neutral theme via CSS variables and Tailwind, ensuring consistency, reducing development time, and simplifying maintenance across teams.
A tech startup is building a minimum viable product (MVP) for a new app and requires a quick, scalable UI foundation. Using this skill to set up the default theme with dark mode support allows rapid prototyping with shadcn/ui components while adhering to modern CSS best practices.
A freelance designer or developer wants to refresh their personal portfolio site with a sleek, minimalist aesthetic. This skill applies the neutral black/white/gray theme to showcase projects elegantly, with Tailwind integration for easy customization and responsive design.
Companies offering monthly or annual software subscriptions can use this skill to maintain a polished, consistent UI across their product, enhancing user retention and reducing churn through improved visual appeal and accessibility.
Web development or design agencies can leverage this skill to standardize client projects, speeding up delivery times and ensuring high-quality outputs with reusable theme configurations for shadcn/ui components.
Independent frontend developers can offer theme setup and maintenance as a service, helping clients implement and customize shadcn/ui themes efficiently, with opportunities for ongoing support and updates.
💬 Integration Tip
Always follow the mandatory planning protocol to survey existing files like globals.css and tailwind.config.ts before making changes, ensuring compatibility and avoiding conflicts with custom themes.
Scored Jun 19, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.