anti-ui-slop

AI コーディングエージェントがありきたりな UI をリリースするのを防ぎましょう。

ありきたりな UI を作るのはやめましょう

UIZZE を使って、80 万点以上の実際の Web および iOS 画面を参考に、製品に特化した UI を構築しましょう。

概要

製品概要、既存の UI、コンポーネント、ローカルのデザインシステムを活用して、意図の明確なインターフェースを作成します。Uizze は、焦点を絞ったデザインのガイダンスと、役立つ場合には少数の関連するビジュアルリファレンスを提供します。

前提条件

• 構築、再設計、またはレビューする画面やコンポーネント。ファイルパスまたは簡単な説明を用意してください。
• 新しいシステムを独自に作るのではなく、それを拡張できるように、製品で既に使われているコンポーネント、デザイントークン、ビジュアルランゲージ。
• 焦点を絞ったリファレンスやホストされた資料を利用するための、オプションの有料 Uizze MCP へのアクセス。

認証

• 無料のスキルと公開カタログは、アカウント、トークン、MCP 接続、依存関係、スクリプト、実行可能ファイルなしで利用できます。
• オプションのフル版 UIZZE MCP では、ホストの通常の接続および認証フローを使用する場合があります。実際にホストから結果が返されていない限り、接続済みだと主張しないでください。

製品を起点に進める

デザインする前に、概要、既存の UI、コンポーネント、トークン、制約を確認してください。これらは常にこのスキルより優先されます。使い慣れたインタラクションの慣習を保ち、製品固有のオブジェクト、ワークフロー、優先事項が視覚的に明確になるようにします。目新しさだけを目的とした要素は追加しないでください。

プレイブックを 1 つ読み込む

現在のリクエストに対して、ファイルは最大 1 つ選んでください。

• 新しいインターフェースまたは大規模な再設計：reference/new-work.md
• 製品またはダッシュボードの作業：reference/operate.md
• 改良と仕上げ：reference/polish.md
• 簡素化または要点の抽出：reference/distill.md
• 明示的な監査：reference/audit.md
• ネイティブ iOS の作業：reference/ios.md

2 つ目のプレイブックは読み込まないでください。例をチェックリストとして扱うのではなく、判断力を活用してください。

オプションの Uizze エビデンス

有料 MCP を使う前に、references/uizze-reference-policy.md を読んでください。ここでは find_ui_references と find_ui_materials のみが公開されています。具体的な未解決のビジュアルや資料に関する疑問を解決するうえでエビデンスが役立つ場合に限り、これらを使用してください。結果が何も返されない場合は、何も言わずに作業を続けてください。

仕上げ

依頼された範囲を完了させてください。環境が対応している場合は、一度レンダリングして確認してください。クリッピング、重なり、メディアの歪み、アクセスできないコントロール、反応しないインタラクションなど、目で確認できる不具合を修正してください。引き継ぎ内容は簡潔にしてください。