Flutter向けTailwind CSS — flex, p-4, dark:bg-gray-800などのクラスをウィジェットツリーに組み込みます。MCPサーバー＋Claude CodeスキルとしてAIエージェントが利用可能です。
fluttersdk/windは、Tailwind CSSのユーティリティファーストなデザインアプローチをFlutterアプリ開発に持ち込むスキルです。flex、p-4、dark:bg-gray-800といったおなじみのTailwindクラスを、そのままFlutterのウィジェットツリーとして解釈・構成できます。これにより、従来のFlutterスタイリング（コンテナ、パディング、カラー設定などを個別に記述）に比べて、コード量が大幅に削減され、デザインの一貫性と開発速度が向上します。本スキルはMCPサーバーとClaude Codeスキルの両方に対応しており、AIエージェント（Claude Codeなど）が自然言語の指示から直接Flutter UIを生成・編集できるようになります。開発者は「暗い背景にパディング4のflexレイアウト」といった抽象的な指示を出すだけで、AIが適切なTailwindライクなクラスを選択し、ウィジェットとしてレンダリングします。GitHub上でオープンソースとして公開されており、Flutterプロジェクトへの統合も容易です。
npx skills add fluttersdk/windTailwind CSS for Flutter — flex、p-4、dark:bg-gray-800 のようなクラスがウィジェットツリーに組み込まれます。AIエージェント向けMCPサーバー + Claude Codeスキル。
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".