オンラインサイトのデザインスタイルを構造化[DESIGN.md]に抽出します。 拡張コマンドライン/AIエージェントポートです。

関数

• AIプログラミングのヒントに使用できるURLを生成 [(T1)]
• 抽出サイトの設計トークン(カラー/フォント/間隔/ラウンドコーナー/影/アクション)
• 追加のAPIキーなしで現在のAIエージェント分析を直接使用し、スクリーンショットをサポートしたときにスクリーンショットを組み合わせて、それ以外の場合は、DOM /を使用 ログイン
• 純粋なテキストのWebページおよび出力視覚規則(コードなしで)の実質の記憶の象徴的な要素を識別して下さい
• Dom、 Compued CSS、オプションの3つのスクリーンショットまで収集
• GoogleのDesIGN.mdのアルファ フォーマットで測定されたトークンおよび8セクション主要なテキストの出力は、Vercelのタスクのオリエンテーション、再使用および受け入れ方法と結合しました

トリガーシーン

• 「生成された[T2]Design.md」
• “リニア.app設計スタイルを分析し、保存します。”
• “extracut signature” から "

依存症

chrome-devtools MCP - [/mcp]を介してサービスの利用可能性の検証 Python ≥ 3.9 - 標準ライブラリのみ、Pythonに依存しない

現在のモデルは、視力をサポートする必要はありません。画像が読み取れるときにスクリーンショットを自動的に結合し、視覚的な検証限界を分析およびマークするためにDOM/CSSを使用しません。 APIキー、サービスアドレス、またはモデル名を別々に構成する必要はありません。ホストAIツール自体はサブスクリプションまたは請求のために利用できます。

[T5] を参照してください。

インストール

# コマンドの行(AIツールの自動検出)

npxスキル(推奨)でインストールする

インストールされている場合 [[T6] エコロジー:

インストールが完了すると、手動でファイルをコピーすることなく、現在のAIエージェントのコンテキストに自動的にスキルが注入されます。

# 指定されたプラットフォームのインストール

手動取付け

[[T7], [T8], [T9], [[T9], [[[[T10], references/]のコピーは、完全な倉庫内のスキルカタログです。 [[[T12]のみをコピーしてスクリプトを生成できません。

ワークストリーム

毎回抽出した製品はすべて[output/ /フォルダに凝縮され、簡単にアーカイブされ再利用されます。

詳細は[[T14]を参照してください。 Chrome-devtools [[T15] の MCP 呼び出し処方.

ファイル構造