← 一覧へ
🎨 デザインCC / Codex 両対応難易度: 中級

デザイン審査ツール design-is

デザインの品質を10の視点でチェック!

出典リポの★
85,100
最終更新
29日前
作者
thedotmack

これは何?

これは、有名なデザイナーDieter Ramsが提唱した「良いデザインの10原則」に基づいて、あなたのデザインを審査するツールです。デザインの強みと弱みを客観的に評価し、具体的な改善提案をしてくれます。初心者でもプロの視点でデザインをチェックできる心強い味方です。

デザイン審査ツールの紹介マンガ

これでできること

  • デザインを10の原則に照らして点数評価できる
  • デザインの改善が必要なポイントを具体的に指摘できる
  • 新規作成・改良・再設計のいずれが必要か判断できる
  • 改善のための具体的なアクションプランを提案できる

こんな時に便利

新しいUIデザインを作成する前のチェック
既存デザインの改善ポイントを知りたい時
デザインの品質を客観的に評価したい時
チームでデザインレビューを行う時

使い方

「audit this design」や「design review」などのコマンドで起動します。審査したいデザイン(URLや画像など)を指定するだけで、自動的に10の原則に基づいた評価が行われます。審査結果は分かりやすいレポート形式で表示されます。

使用例(こう頼んでみよう)

「このUIデザインをDieter Ramsの原則で審査してください」「design review: https://example.com」「このウェブサイトのデザインを10原則でチェックして」

必要なもの

  • 特になし

導入方法

いちばん簡単(AIに頼む)
次のスキルを入れて: https://github.com/thedotmack/claude-mem/tree/main/plugin/skills/design-is
手動で置く
Claude Code → ~/.claude/skills/design-is/
Codex → ~/.agents/skills/design-is/

使いこなしのコツ

  • 審査前に、デザインの目的と対象ユーザーを明確にしておくとより正確な評価が得られます
  • 審査結果の「REFINE」や「REDESIGN」の提案は、あくまで原則に基づいたもので、必ずしも従う必要はありません