Communitygithub.com

benjaminstelzer/scoville-ui-anti-ai-slop

フレームワークを認識するUI品質ガードレール。AIによるデザインの粗雑さを防止します。

scoville-ui-anti-ai-slop とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)がUIを改善する際に、デザインシステムやアクセシビリティ基準を尊重しつつ、見かけだけの「ベストプラクティス」や独自のデザイン言語を導入することを防ぎます。主な機能として、UIの所有権を段階的に解決(システム要件→ユーザー要求→リポジトリ指示→正規のプロダクト要件→フレームワーク→ローカルパターン→本スキルの一般原則)、兄弟スキルとの役割分担(コード、UI、スクライブ)、作業のルーティング(対象の調査→タスク特定→正規コンポーネントの再利用→最小限の変更→検証)、UIの整合性の保護(並行デザイン言語の禁止、セマンティックトークンの尊重など)を提供します。WCAG 2.2 Level AAや各プラットフォームのガイドラインに従い、問題がある場合は正確に報告するよう指示しています。

対応~Claude Code~Codex CLI~Cursor
npx skills add benjaminstelzer/scoville-ui-anti-ai-slop

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

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

ドキュメント

Scoville UI Anti-AI-Slop

プロダクトのインターフェースを改善します。ユーザビリティ、情報設計、適応、アクセシビリティ、明確さを成果として扱い、ベストプラクティスと称する第二のデザイン言語を導入しないでください。

ユーザーが明示的にこのスキルを除外した場合、リファレンスを読んだり、スキル指示ツールを使用したり、何かを変更したり、スキル由来の完了主張を行う前に停止してください。より高い権限を持つプロジェクトまたはホストの指示が依然としてそれを要求する可能性があり、その場合は正確な競合を報告してください。兄弟スキルを除外すると、その兄弟のみが除外され、ここでの契約が複製されることは許可されません。

所有権の解決が先

各懸念事項を次の順序で解決します。

  1. システム、安全性、法的拘束力のあるアクセシビリティ要件
  2. 明示的なユーザー要求(報告された制限の通知された受諾を含む、非拘束的な目標に対するもの)
  3. リポジトリの指示
  4. 正規のプロダクト要件、デザインシステムコンポーネント、ラッパー、テーマ、セマンティックトークン、承認されたアセット
  5. 未解決の懸念事項に対する所有フレームワークまたはプラットフォーム
  6. それらの所有者と合意する意図的なローカルパターン
  7. 残りのギャップに対するこのスキルの一般的なUI原則

より低いソースがより高い所有者を上書きすることを許可しないでください。重大な競合を表面化してください。繰り返されるローカルな慣習は、それが意図的で、最新であり、同じ表面に適切である場合にのみカウントされます。

アクセシビリティ目標が指定されていない場合、Web UIにはWCAG 2.2 Level AAを、それ以外の場合は所有プラットフォームの現在のガイダンスを使用してください。サポートされているコンポーネントとAPIを使用してください。正規の所有者が最低基準を満たせない場合は、並行して別のデザイン言語で隠すのではなく、正確な制限を報告してください。

スタックに不慣れである、所有権があいまいである、複数のUIレイヤーが相互作用する、正規のビジュアル所有者が存在しないように見える、またはサポートされているカスタマイズパスが不明確である場合に、所有者を決定する前にframework-alignment.mdを読んでください。

ファミリー所有権を明確に保つ

このスキルは単独で動作します。コードはエンジニアリングスコープ、コード所有権、整合性、リスク、証明を所有します。UIはフレームワークのアライメント、階層、レイアウト、インタラクションの表示、レスポンシブ適応、レンダリングされた証拠を所有します。スクライブは、可視またはアクセス可能な文言が可変である場合にのみ、意味、用語、ローカライゼーション、忠実性を所有します。固定されたソース正確な文字列はそれをアクティブにしません。

UIはテキストレイアウト、可読性、スペース、スケーリング、および必要なラベルまたはアクセス可能な名前が存在し関連付けられているかどうかを所有します。スクライブは、該当する場合、それが何を言うかを所有します。兄弟のルールをコピーしたり、その検証を繰り返したりしないでください。

作業のルーティング

  1. 要求された表面、リポジトリの指示、フレームワークバージョン、正規の所有者、および最も近い比較可能な表面を必要な場合にのみ調査します。
  2. 主要なタスク、優先順位、影響を受ける状態、コンテンツの変動、入力、レスポンシブ変換を特定します。
  3. 正規のコンポーネント、トークン、バリアント、レイアウト、ブレークポイント、インタラクションを再利用します。その所有者で実証されたギャップに対してのみプリミティブを追加します。
  4. 結果と必要な状態に対して最小の整合性のある変更を行います。
  5. 結果を反証できる可能性のあるレンダリングされた条件のみを検証します。レンダリングされた証拠、ソース検査、未検証の動作をレポートで分離します。実装されていない方向性やソースのみの監査の場合、方向性や発見はレンダリングされておらず、レンダリングされた動作は未検証のままであると明示的に述べてください。その境界を報告するためだけに検証をロードしないでください。

タスクフロー、階層、レイアウト、可読性、状態、アクセシビリティ構造、レスポンシブ動作に関する品質決定を行う前にui-quality.mdを読んでください。エビデンスのみの質問の場合、インターフェース自体も判断する必要がない限り、検証のみをロードしてください。

インターフェース変更後、またはレンダリングされた動作、レスポンシブ動作、観察されたインタラクション、ビジュアル品質、アクセシビリティを主張する前にvalidation.mdを読んでください。調査した構造に発見を限定し、レンダリングされた動作とインタラクティブな動作を明示的に未検証のままにするソースのみの監査のためにそれをロードしないでください。ビルドまたはソースレビューはレンダリングされた動作を証明できません。

UI整合性の最低基準を保護する

並行するビジュアル言語を発明したり、セマンティックトークンをバイパスしたり、アクセシブルなコンポーネントを再構築したり、フォーカスや入力のアクセシビリティ対応を削除したり、必須コンテンツを非表示にしたり、唯一の意味の伝達手段として1つのビジュアルキューを使用したり、変更された状態の回復を省略したり、グローバルテーマのオーバーライドを通じてローカルな例外を適用したりして、外観を改善しないでください。

好みのフォント、パレット、半径、シャドウ、カードパターン、ブレークポイント、ピクセル値、またはファッショナブルな禁止事項を押し付けないでください。定量的なルールは、アクセシビリティ標準、プラットフォーム、またはデザインシステムから来ます。このスキルからではありません。

監査または助言のみを求められた場合、観察された証拠に基づいて優先順位付けされた発見を返し、編集しないでください。

関連スキル