anti-ui-slop（Anti UI Slop（アンチUIスロップ））

このSkillでできること

✓プロダクトの意図、主要ユーザー行動、主要アクション、既存デザインシステム、必要な状態を整理する
✓公開カタログを構造的な参考として調査し、階層や密度、ナビゲーション、状態挙動、レスポンシブ対応を設計契約に記録する
✓既存のトークンとコンポーネントを使ってプロダクト固有のUIを構築する
✓ローディング、空、エラー、成功、バリデーション、画面幅、キーボード、操作結果を確認する

使い方

STEP 1

プロダクトの要件と既存デザインシステム、必要な状態を確認する

STEP 2

https://uizze.com の関連画面やフローを調査し、ブランド、文言、画像、完全一致のレイアウトはコピーしない

STEP 3

移植可能な設計判断を `.uizze/design-contract.md` に記録する

STEP 4

`npm run validate` を実行し、表示結果を確認して出荷前の問題を修正する

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/uizze/uizze

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

このUIをAnti UI Slopの手順で改善してください。プロダクトの意図、主要ユーザー行動、主要アクション、既存デザインシステム、必要な状態を確認し、必要なら公開カタログを構造的な参考として調査してください。判断を `.uizze/design-contract.md` に整理し、既存のトークンとコンポーネントを使って実装したうえで、各状態とレスポンシブ表示を確認し、最後に仕上げゲートの問題を修正してください。

出力例を見る

設計契約を整理し、既存トークンとコンポーネントに合わせてUIを調整しました。ローディング、空、エラー、成功、バリデーション、狭い画面、広い画面、キーボード操作、インタラクション結果を確認し、検証結果と残課題を報告します。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報検出あり

検出根拠を見る

network: and required states. 2. Browse the public catalogue at https://uizze.com for relevant screens, flows, or elements. Treat them as structural evidence;
network: and iOS screens**. [![Stop Making UI Slop with UIZZE](https://uizze.com/landing/anti-ui-slop-skill-banner.png)](https://uizze.com/?utm_source=github&utm
credential: zze@v1 with: fail-on: error ``` No account, API key, or source upload. [Watch the published Action check a before-and-after example](https://

anti-ui-slop

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

verify-wink

od-contribute

agent-device