Tailwind CSS v4 と shadcn/ui、Vite、React を使用した、本番環境で実績のあるセットアップ。React プロジェクトの初期化、shadcn/ui のセットアップ、ダークモードの実装、CSS 変数の問題のデバッグ、テーマ切り替えの修正、Tailwind v3 からの移行、または色やテーマに関する問題に遭遇した際に使用します。
このスキルは、Tailwind CSS v4 と shadcn/ui、Vite、React を組み合わせた本番環境で実績のあるプロジェクトセットアップを提供します。React プロジェクトの初期化、shadcn/ui のセットアップ、ダークモードの実装、CSS 変数の問題のデバッグ、テーマ切り替えの修正、Tailwind v3 からの移行など、あらゆる場面で役立ちます。`@theme inline` パターン、CSS 変数アーキテクチャ、ThemeProvider を用いたダークモード、コンポーネント構成、`vite.config` の設定、v4 の一般的な問題点、そして本番環境で実証されたパターンを網羅しています。このスキルは、Claude Code、Cursor、Codex などの AI エージェントプラットフォームで動作し、開発者が Tailwind CSS v4 と shadcn/ui を効率的にセットアップし、一般的な落とし穴を回避するのに役立ちます。
npx skills add https://github.com/secondsky/claude-skills/tree/main/skills/tailwind-v4-shadcn| Tailwind CSS v4 と shadcn/ui、Vite、React を使用した、本番環境で実績のあるセットアップ。以下に使用します：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".