extract-design-system は何をしますか?
あらゆる公開Webサイトからデザイントークン(色、タイポグラフィ、スペーシング、ボーダー半径、シャドウ)を抽出します。ローカルプロジェクト向けにJSONとCSSカスタムプロパティを生成。AIエージェントスキル(Claude、Cursor、Codex)およびスタンドアロンCLIとして利用可能です。
あらゆる公開Webサイトからデザイントークン(色、タイポグラフィ、スペーシング、ボーダー半径、シャドウ)を抽出します。ローカルプロジェクト向けにJSONとCSSカスタムプロパティを生成。AIエージェントスキル(Claude、Cursor、Codex)およびスタンドアロンCLIとして利用可能です。
このスキルは、任意の公開Webサイトからデザイントークン(色、タイポグラフィ、スペーシング、ボーダー半径、シャドウ)を自動抽出し、ローカルプロジェクトで即座に利用可能なJSONおよびCSSカスタムプロパティ形式で出力します。AIエージェント(Claude、Cursor、Codex)に統合して使用できるほか、コマンドラインから単体で実行可能なCLIとしても提供されます。抽出したトークンは、デザインシステムの迅速な分析や、既存アプリケーションへの一貫性のあるスタイル適用に役立ちます。開発者は、このスキルを使ってターゲットサイトのスタイルを効率的に調査・再現でき、手動コピーミスを防ぎつつ、デザインの一貫性を簡単に維持できます。基本的な動作としては、指定されたURLのページを解析し、計算済みスタイルやCSSルールからトークンを抽出する仕組みです。
npx skills add arvindrk/extract-design-systemあらゆる公開Webサイトからデザイントークン(色、タイポグラフィ、スペーシング、ボーダー半径、シャドウ)を抽出します。ローカルプロジェクト向けにJSONとCSSカスタムプロパティを生成。AIエージェントスキル(Claude、Cursor、Codex)およびスタンドアロンCLIとして利用可能です。
This repo contains 1 individual skill — each has its own dedicated page.
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".