tailwind-v4-shadcn 是做什么的?
| 生产验证的Tailwind CSS v4与shadcn/ui、Vite和React集成方案。适用于:使用Tailwind v4初始化React项目、设置shadcn/ui、实现暗黑模式、调试CSS变量问题、修复主题切换、从Tailwind v3迁移,或遇到颜色/主题问题时。涵盖:@theme inline模式、CSS变量架构、ThemeProvider暗黑模式、组件组合、vite.config配置、常见v4陷阱及生产验证模式。
生产验证的Tailwind CSS v4与shadcn/ui、Vite和React集成方案。适用于:使用Tailwind v4初始化React项目、设置shadcn/ui、实现暗黑模式、调试CSS变量问题、修复主题切换、从Tailwind v3迁移,或遇到颜色/主题问题时。涵盖:@theme inline模式、CSS变量架构、ThemeProvider暗黑模式、组件组合、vite.config配置、常见v4陷阱及生产验证模式。
此技能提供了一个生产级可靠的Tailwind CSS v4与shadcn/ui、Vite和React集成方案。它重点解决了从Tailwind v3迁移时的常见问题,如CSS变量架构、暗黑模式实现和主题切换bug修复。技能文档详细说明了@theme inline模式的使用、ThemeProvider组件实现暗黑模式的最佳实践,以及vite.config的典型配置。此外,还包含了生产环境中验证过的组件组合模式和常见v4陷阱的避坑指南,帮助开发者快速搭建稳定、美观的React UI。
npx skills add https://github.com/secondsky/claude-skills/tree/main/skills/tailwind-v4-shadcn| 生产验证的Tailwind CSS v4与shadcn/ui、Vite和React集成方案。适用于:使用Tailwind v4初始化React项目、设置shadcn/ui、实现暗黑模式、调试CSS变量问题、修复主题切换、从Tailwind v3迁移,或遇到颜色/主题问题时。涵盖:@theme inline模式、CSS变量架构、ThemeProvider暗黑模式、组件组合、vite.config配置、常见v4陷阱及生产验证模式。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".