任意のWebサイトからデザインシステム全体をワンコマンドで抽出します。DTCGトークン、セマンティック+プリミティブ+コンポジット、Claude Code/Cursor/Windsurf用MCPサーバー、マルチプラットフォームエミッター（iOS SwiftUI、Android Compose、Flutter、WordPress）、Tailwind v4、Figma変数、shadcn/ui、CSSヘルス監査、WCAG改善、Chrome拡張機能をサポート。MITライセンス、Playwright、Node 20+対応。
このスキルは、任意のWebサイトのデザインシステムを完全に抽出し、DTCG（Design Token Community Group）準拠のトークンとして出力する強力なツールです。セマンティック、プリミティブ、コンポジットの各トークンタイプを生成し、Claude Code、Cursor、WindsurfなどのAIエージェントプラットフォームと連携するMCP（Model Context Protocol）サーバーとして機能します。抽出されたデザインシステムは、iOS SwiftUI、Android Compose、Flutter、WordPress、Tailwind v4、Figma変数、shadcn/uiなど、複数のプラットフォーム向けのコードに変換可能です。さらに、CSSヘルス監査やWCAGアクセシビリティ改善レポートの生成、Chrome拡張機能としての使用もサポート。MITライセンスでオープンソース提供され、PlaywrightとNode.js 20以上の環境で動作します。デザインシステムの一貫性確保、クロスプラットフォーム開発、デザイン→コードの自動変換を効率化します。
npx skills add Manavarya09/design-extract任意のWebサイトのデザインシステム全体をワンコマンドで抽出します。DTCGトークン、セマンティック+プリミティブ+コンポジット、Claude Code/Cursor/Windsurf用MCPサーバー、マルチプラットフォームエミッター（iOS SwiftUI、Android Compose、Flutter、WordPress）、Tailwind v4、Figma変数、shadcn/ui、CSSヘルス監査、WCAG改善、Chrome拡張機能をサポート。MITライセンス、Playwright、Node 20+対応。
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".