ツールを投稿

design-extract

サイトのデザインシステムを抽出し、ありきたりさを評価してUIを照合します。

無料 デザイン・クリエイティブ ★ 4883
GitHubで見る →
#137 スキルリポジトリ289件中
4.9k GitHubスター
Manavarya09 作者

// 概要

designlangは任意のURLからデザイントークン、Tailwind設定、shadcn、Figmaファイル、DESIGN.mdを取得します。レイアウトのパターン、4つのブレークポイントでのレスポンシブ動作、ホバー・フォーカス状態、WCAGコントラスト、公開中のサイトからの逸脱も測定します。slopコマンドはサイトの一般的な見た目を100点満点で評価し、verify-uiはブランドとの一致を確認します。

// インストール
Run npx designlang https://stripe.com to extract everything, or use the Claude Code plugin.
// 対応環境 Claude CodeCursor