design-extract は何をしますか？
🎨 汎用エージェントスキル：インタラクティブピッカーでバラバラの視覚的好みを個人ブランドデザインシステム（design.md + theme.css + preview.html）に洗練します。Claude Code / Codex / opencode / pi 対応
🎨 汎用エージェントスキル：インタラクティブピッカーでバラバラの視覚的好みを個人ブランドデザインシステム（design.md + theme.css + preview.html）に洗練します。Claude Code / Codex / opencode / pi 対応
このスキルは、AIエージェント（Claude Code、Codex、opencode、pi）向けに設計された汎用ツールで、ユーザーの視覚的好みを対話的なピッカーを通じて収集し、それを一貫性のある個人ブランドデザインシステムとして出力します。具体的には、ユーザーが色、フォント、レイアウトのスタイルを選択すると、スキルが自動的に design.md（デザイン原則ドキュメント）、theme.css（カスタムテーマスタイルシート）、preview.html（インタラクティブプレビュー）の3ファイルを生成します。これにより、デザインの断片を手動でまとめる手間が省け、AIエージェントとの連携でブランディングを迅速にプロトタイピング・標準化できます。ブラウザベースのピッカーを介した直感的なインタラクションが特徴で、開発者やデザイナーがAIを用いて一貫したビジュアルアイデンティティを効率的に構築するのに役立ちます。
npx skills add lawrencewzen/design-extract🎨 汎用エージェントスキル：インタラクティブピッカーでバラバラの視覚的好みを個人ブランドデザインシステム（design.md + theme.css + preview.html）に洗練します。Claude Code / Codex / opencode / pi 対応
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".