manavarya09/design-extract
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
どんなウェブサイトでも、1つのコマンドで完全なデザインシステムを抽出できます。DTCGトークン、セマンティック+プリミティブ+コンポジット、Claudeコード/カーソル/Windsurf用のMCPサーバー、マルチプラットフォームエミッター(iOS SwiftUI、Android...
概要
Atlas Cloud — OpenAI互換のスマート分類を駆動します。AIコーディングワークフローについては、Atlas Cloudコーディングプランを試してみてください。Bloome — AIクローンを展開し、クラウド上で24時間365日稼働するすべてのオーディエンス会話を処理します。Bloomeでdesignlangを試してみてください。 ヘッドレスブラウザを任意のURLに向け、ライブDOMからデザインシステムを読み取ります。1つのコマンドは17+ファイルを出力します — DTCGトークン、Tailwind設定、shadcnテーマ、Figma変数、モーショントークン、タイプされたコンポーネントの解剖学、ブランドボイス、ページ意図ラベル、そしてv0 / Lovable / Cursor / Claudeアーティファクト用の貼り付け可能なプロンプトパックです。 また、抽出器が使わない場所にも行きます:、a。 ライブデザインスコアバッジを任意のREADMEに掲載してください: 結果を信じて受け取るな — designlang に。
概要（AI 翻訳）
マナヴ・アリヤ・シン(@Manavarya09年)によって建設されました
スポンサー
Atlas Cloud — OpenAI互換のスマート分類を駆動します。AIコーディングワークフローについては、Atlas Cloudコーディングプランを試してみてください。
Bloome — AIクローンを展開し、クラウド上で24時間365日稼働し、すべてのオーディエンス会話を処理します。
Bloomeのdesignlangを試してみてください。
designlangはヘッドレスブラウザを任意のURLに向け、ライブDOMからデザインシステムを読み取る。1つのコマンドは17+ファイルを出力する — DTCGトークン、Tailwind設定、shadcnテーマ、Figma変数、モーショントークン、タイプされたコンポーネントの解剖学、ブランドボイス、ページ意図ラベル、そしてv0 / Lovable / Cursor / Claudeアーティファクト用の貼り付け可能なプロンプトパック。
また、エクストラクターが使わない部分にも適用されます:レイアウトパターン、4つのブレークポイントにわたる応答的な挙動、ホバリング/フォーカス/アクティブ状態、WCAGコントラストスコアリング、複数ページの一貫性、ライブソース・オブ・トゥルースとのドリフトチェック、ビジュアル差分、そして共有可能なグレード評価カード。
クイックスタート
ライブデザインスコアバッジを任意のREADMEに掲載してください:
ライブのエクストラクション・シアター(v13)
結果を信じて受け取るな — それが起こるのを見守れ。 続けて デザインラング。
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
Built by Manav Arya Singh (@Manavarya09)
Sponsors
Atlas Cloud — powers OpenAI-compatible --smart classification. For AI coding workflows, try the Atlas Cloud coding plan.
インストール
npx designlang https://stripe.com # extract everything