ツール一覧へ戻る
design-extract

design-extract

コーディングと開発支援

デザイン抽出リポジトリ (Manavarya09/design-extract) は次のことに重点を置いています。 1 つのコマンドで Web サイトの完全なデザイン システムを抽出します。 DTCG トークン、セマンティック + プリミティブ + コンポジット、クロード コード/カーソル/ウィンドサーフ用の MCP サーバー、マルチプラットフォーム エミッター (iOS SwiftUI、Android Compose、Flutter、WordPress)、Tailwind v4、Figma 変数、shadcn/ui、CSS 健全性監査、WCAG 修復、Chrome 拡張機能。 MIT、Playwright、Node 20+..MCP とツール呼び出しの統合、AI 製品での開発者中心のエンジニアリング ワークフロー、エージェント システム、または開発者ツールをサポートする場合にのみ、このディレクトリに属します。

ライセンス

MIT

スター

3,307

主な機能

  • デザイン抽出のメンテナの説明: 1 つのコマンドで Web サイトの完全なデザイン システムを抽出します。 DTCG トークン、セマンティック + プリミティブ + コンポジット、クロード コード/カーソル/ウィンドサーフ用の MCP サーバー、マルチプラットフォーム エミッター (iOS SwiftUI、Android Compose、Flutter、WordPress)、Tailwind v4、Figma 変数、shadcn/ui、CSS 健全性監査、WCAG 修復、Chrome 拡張機能。 MIT、劇作家、Node 20+。
  • design-extract は、記録された主言語として JavaScript を使用し、スタックフィット レビューに役立ちます。
  • design-extract は、ビデオ、アニメーション、アバター、またはメディア生成パイプラインを評価するためのマテリアルを提供します。
  • design-extract は、外部ツールまたは MCP スタイルの機能がプロジェクトにどのように接続されるかを示します。
  • design-extract は、コード、CLI、SDK、ランタイム、または開発者ツールのワークフローを評価するエンジニアリング チームに適しています。
  • design-extract は MIT ライセンス メタデータをリストします。再配布またはホストされた使用の前に義務を確認してください。

ユースケース

  • ビデオとメディアの処理が必要で、リポジトリの概要が一致する場合は、design-extract を使用します。1 つのコマンドで Web サイトの完全なデザイン システムを抽出します。 DTCG トークン、セマンティック+PR...
  • 同様の内部アーキテクチャを選択する前に、design-extract の JavaScript 実装を比較してください。
  • デザイン抽出を使用して、オープン実装に対してメディア制作フローのプロトタイプを作成します。
  • design-extract を使用して、ツール対応エージェント ワークフローをリポジトリ機能に接続します。
  • 内部ワークフローを構築する前に、設計抽出を使用して開発者ツールの実装の詳細を検討します。
  • 設計抽出を商用またはホストされたワークフローにパッケージ化する前に、MIT ライセンスのレビューを完了してください。

FAQ

デザイン抽出リポジトリ (Manavarya09/design-extract) は次のことに重点を置いています。 1 つのコマンドで Web サイトの完全なデザイン システムを抽出します。 DTCG トークン、セマンティック + プリミティブ + コンポジット、クロード コード/カーソル/ウィンドサーフ用の MCP サーバー、マルチプラットフォーム エミッター (iOS SwiftUI、Android Compose、Flutter、WordPress)、Tailwind v4、Figma 変数、shadcn/ui、CSS 健全性監査、WCAG 修復、Chrome 拡張機能。 MIT、Playwright、Node 20+..MCP とツール呼び出しの統合、AI 製品での開発者中心のエンジニアリング ワークフロー、エージェント システム、または開発者ツールをサポートする場合にのみ、このディレクトリに属します。

主な利用シーン: ビデオとメディアの処理が必要で、リポジトリの概要が一致する場合は、design-extract を使用します。1 つのコマンドで Web サイトの完全なデザイン システムを抽出します。 DTCG トークン、セマンティック+PR...、同様の内部アーキテクチャを選択する前に、design-extract の JavaScript 実装を比較してください。、デザイン抽出を使用して、オープン実装に対してメディア制作フローのプロトタイプを作成します。。

関連ツール