Communitygithub.com

uizze/uizze

コーディングエージェントが汎用UIを生成するのを防ぎます。UIZZEの80万以上の実Web・iOS画面を活用して、プロダクト固有のインターフェースを構築し、デザイン契約を定義し、必要な状態をカバーし、厳格な最終チェックを実行します。Codex、Claude Code、Cursor、Copilotなどのコーディングエージェントで、WebまたはiOSインターフェースの設計、実装、リデザイン、批評、出荷前レビューを行う際に使用します。

uizze とは?

このスキルは、AIコーディングエージェントが汎用的で質の低いUIを生成するのを防ぐために設計されています。UIZZEの80万以上の実在するWebおよびiOS画面を参照し、プロダクト固有の意図的なインターフェース構築を支援します。製品の既存コンポーネント、デザイントークン、ビジュアル言語を尊重しながら、新しいインターフェースの設計や既存UIのリデザイン、洗練、監査など、様々なワークフローを提供します。対応プラットフォームはCodex、Claude Code、Cursor、Copilotなどで、特別なアカウントやトークン、MCP接続は不要です。オプションで有料のUIZZE MCPを使用すると、より焦点を絞ったデザインガイダンスとビジュアルリファレンスを取得できます。ワークフローは新規作成、運用、洗練、簡素化、監査などから選択でき、Overdriveモードでは例外的なインタラクション作業に対応します。最終的には実機レンダリングと検査を通じて、選択した方向性と実際の結果を比較し、問題を修正しながら要求された成果物を検証します。

対応✓Claude Code✓Codex CLI✓Cursor
npx skills add https://github.com/uizze/uizze/tree/HEAD/integrations/nextjs-starter/.agents/skills/anti-ui-slop

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

プレビュー

スキル README より

UIZZEでUIスロップをやめよう

ドキュメント

AIコーディングエージェントによる汎用UI生成を防ぎます。

UIスロップをやめよう

UIZZE が提供する80万以上の実Web・iOS画面を使って、プロダクト固有のUIを構築しましょう。

UIZZEでUIスロップをやめよう

概要

プロダクト概要、既存UI、コンポーネント、ローカルデザインシステムを活用して、意図的なインターフェースを構築します。Uizzeは焦点を絞ったデザインガイダンスと、必要に応じて少数の関連ビジュアルリファレンスを提供します。

前提条件

  • 構築、リデザイン、またはレビューする画面やコンポーネント — ファイルパスまたは短い説明。
  • プロダクトの既存コンポーネント、デザイントークン、ビジュアル言語。これにより、新しいシステムを発明するのではなく、既存のものを拡張できます。
  • オプション:有料のUizze MCPへのアクセス(焦点を絞ったリファレンスとホストされたマテリアル用)。

認証

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

プロダクトから作業を開始する

設計前に、概要、既存UI、コンポーネント、トークン、アセット、およびPRODUCT.mdやDESIGN.mdを読んでください。ユーザーのリクエストとプロジェクトの制約がこのスキルよりも優先されます。拡張と洗練のために確立されたビジュアルシステムを保持し、承認されたリデザインの場合のみ置き換えてください。新しいプロジェクトではこれらのファイルは必須ではありません。

対象ユーザー、主要タスク、重要な状態、意図された結果を特定します。作業に実質的な影響を与える不足している選択肢についてのみ質問してください。正確なリクエストがあれば先に進めます。小さな修正を発見ワークショップに変えないでください。

ワークフローを選択する

要求されたアクション、およびそれを実行するために必要なプラットフォームとクラフトガイダンスに対応するプレイブックをロードします。

  • 新しいインターフェースまたは大規模リデザイン:new-work
  • プロダクトまたはダッシュボード作業:operate
  • 洗練と磨き:polish
  • 簡素化:distill
  • 明示的な監査:audit、修正が要求されていない限り読み取り専用
  • ネイティブiOS:iOS、アクションのプレイブックと一緒に使用
  • 明示的な/overdrive、「Uizze Overdrive」、または例外的なインタラクション作業のリクエスト:Overdrive

実装には、方向性が決定した後にcraftを使用してください。関連するファイルのみをロードし、複数の補完的なプレイブックを許可します。Overdriveはオプトインであり、通常のUI作業のデフォルトではありません。実装前に選択した方向性が必要です。

「この画面でUizze Overdriveを使用」はこのルーターを通じて機能します。ネイティブスラッシュコマンドはホストに依存します。これらは自己完結型のMarkdownプレイブックであり、インストーラー、バックグラウンドサービス、または実行可能エンジンではありません。

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

find_ui_referencesまたはfind_ui_materialsを使用する前に、リファレンスポリシーをお読みください。レイアウト、状態、インタラクション、アセットに役立つ場合、関連するビジュアルエビデンスを検査してください。ホストが利用可能なツールを使用し、発明した呼び出しや接続は使用しないでください。有料の検索はオプションです。アクセスがなくてもローカルの設計作業は妨げられません。

正確なリファレンス、関連例、一致なし、サービスエラーを区別してください。結果に影響を与えた制限事項を簡単に開示してください。エビデンスなしに画像を検査した、または状態が見つかったと主張しないでください。

完了

要求されたスコープを構築し、その重要な状態を実行してください。代表的なデスクトップ/モバイルサイズまたはネイティブデバイスクラスで実際の結果をレンダリングして検査します(ユーザーが報告した失敗サイズを含む)。選択した方向性または提供されたリファレンスと比較し、単にランタイムエラーがないことと比較しないでください。

実質的な問題を一括で修正し、再度レンダリングして検査します。要求された結果が確認されたら停止し、作業を発明し続けないでください。範囲内のパスで問題を解決できない場合は、合格と主張する代わりに報告してください。レンダリングが利用できない場合は、コードチェックとビジュアル検証を区別してください。

引き継ぎは簡潔に保ちます:何が変更されたか、実際にテストされたもの、残っている制限事項。スキルは公開、購入、新しい依存関係、アカウント変更、または破壊的なアクションを許可しません。

関連スキル