Fudge

Fudge は、開発者、デザイナー、コーディング エージェントがより意図的な Web エクスペリエンスを作成できるようにする、AI を活用した Web サイト デザインの調査およびフィードバック ツールです。ライブ Web サイトを検査し、視覚的な詳細を分析し、Web サイトを改善または構築するための実践的なガイダンスを提供できます。

ユーザーは、業界、ページタイプ、レイアウト、タイポグラフィ、色、ドメイン、スクリーンショット、または視覚的な方向ごとに Web サイトのデザインリファレンスを検索できます。 Fudge は、公開 Web サイトやアップロードされたスクリーンショットをデスクトップとモバイルでレビューし、設計上の問題を特定し、改善の優先順位を付け、サイトを関連する参照 Web サイトと比較することもできます。

このプラットフォームは、タイポグラフィ、カラー パレット、間隔、レイアウト、コンポーネント、メディア、インタラクションなどの要素を検査します。その出力には、開発ワークフローで使用するための設計推奨事項、実装ガイダンス、Tailwind テーマ、CSS 変数、設計トークン、構造化 JSON、および DESIGN.md ファイルが含まれます。

Fudge は、Codex、Cursor、Claude Code などのツールを含む、MCP サポートを通じて AI 支援コーディング環境内で動作するように設計されています。これにより、AI ツールが Web サイトを検査し、デザインのリファレンスを調査し、視覚的な方向性を評価し、デザインのフィードバックを構築可能なフロントエンドの変更に変換できるようになります。

免責事項：WebCatalogは、Fudgeと提携、関連、承認、推奨されておらず、その他いかなる形でも公式に関係していません。すべての製品名、ロゴ、ブランドは、それぞれの所有者に帰属します。