經過生產測試的 Tailwind CSS v4 + shadcn/ui + Vite + React 專案設定。適用於初始化 React 專案時使用 Tailwind v4、設定 shadcn/ui、實作深色模式、除錯 CSS 變數問題、修復主題切換、從 Tailwind v3 遷移，或遇到顏色/主題問題。內容涵蓋：@theme inline 模式、CSS 變數架構、搭配 ThemeProvider 的深色模式、元件組合、vite.config 設定、常見 v4 陷阱，以及經過生產測試的模式。
這個 AI 助手技能專為使用 Tailwind CSS v4、shadcn/ui、Vite 和 React 建立現代化前端專案而設計。它能協助開發者從專案初始化到生產環境部署的各個階段，包括設定 CSS 變數架構、實作深色模式主題切換、使用 @theme inline 模式定義設計代幣，以及正確組合 shadcn/ui 元件。技能支援 Vite 和 React 平台，特別能解決 Tailwind v4 與 shadcn/ui 整合時的常見問題，例如 CSS 變數作用域、vite.config 設定、深色模式實作，以及從 Tailwind v3 遷移時的相容性問題。透過參考經過生產測試的開發模式，此技能能幫助開發者避開已知陷阱，確保專案結構清晰且可維護，最終加速 React + Tailwind v4 專案的開發流程。
npx skills add https://github.com/secondsky/claude-skills/tree/main/skills/tailwind-v4-shadcn| 經過生產測試的 Tailwind CSS v4 + shadcn/ui + Vite + React 專案設定。適用於初始化 React 專案時使用 Tailwind v4、設定 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".