コーディングエージェント向けのUI/UX設計スキル。インターフェースの構築、再設計、レビューを支援し、実行中のページをCLIで検査してアクセシビリティやレイアウトの問題を報告します。
miqdadbadjuber/anti-slop
AIコーディングエージェントが、ありがちなUIやマーケティング文、AIらしいコードコメントを生成しないようにするルールとスキル。
- スター
- 8,582
- フォーク
- 577
- 未解決の Issue
- 4
- 最終コミット
- 一昨日
これは何?
Anti Slopは、Claude Code、Codex、CursorなどのAIコーディングエージェント向けの指示セットです。ありきたりなグラデーション、捏造された統計、誇張だらけの見出し、コードの内容を言い換えただけのコメントなど、機械生成に見える出力を対象としています。中核となるのは40個の必須ルールをまとめたルールブックで、エージェントは作業を終える前に、これに基づく納品チェックリストの結果を報告する必要があります。
このプロジェクトは、スタイルガイドではなく、意図的にフィルターとして設計されています。色、フォント、レイアウトは指定しません。UIの作業では、別途用意したDESIGN.mdファイルでビジュアルの方向性を示すことを想定しており、平凡な結果になった場合は、フィルターの失敗ではなく方向性が不足しているとみなします。
UI、コピーライティング、アクセシビリティ、レスポンシブレイアウト、コードコメントを扱う、インストール可能な6つのスキルとして配布されています。また、どのチャットにも貼り付けられる単一のMarkdownファイルも用意されています。インストーラー、skills.shのエントリー、複数のエージェント向けプラグインコマンドも提供されています。
主な機能
- 01Hard GateやQuality Locksを含む段階別の40個の必須ルールを適用する。
- 02エージェントが作業を終える前にPASS/FAILの報告を求めるDelivery Gateを提供する。
- 03ガイダンスを6つのスキルに分け、タスクに必要なものだけをエージェントに読み込ませる。
- 04新しい作業を進めるDuringモードと、既存の出力を監査するAfterモードを用意する。
- 05npxコマンド、または複数のAIコーディングエージェント向けプラグインとしてインストールできる。
ユースケース
- AIコーディングエージェントが、ありきたりなランディングページやテンプレートのようなUIを生成しないようにする。
- AIが書いたマーケティング文を整え、捏造された統計や誇張表現を取り除く。
- レビュー前に、既存コードにある冗長なAIらしいコメントを監査する。
- エージェントが生成したフロントエンド作業のレスポンシブレイアウトとアクセシビリティの基本を確認する。
クイックスタート
- 1
インストーラーを実行し、表示される質問に答えてスキル、場所、エージェントを選択します
npx antislop-ai - 2
または、skills.sh ディレクトリからスキルをインストールします
npx skills add miqdadbadjuber/anti-slop
使う前に知っておきたいこと
- 汎用的なパターンは取り除きますが、ビジュアルの方向性は提示しないため、UI の作業には独自の DESIGN.md も必要です。
- npm 名の「antislop」は別のパッケージで使われているため、このプロジェクトのインストールには antislop-ai を使用してください。
Repolode 週刊で紹介
- 第 3 号 · SSDから専門家を読み込む大型MoEと、ミリ秒単位のRust再ビルド
ありがちなUI、宣伝調の文章、AIっぽいコメントをコーディングエージェントに避けさせるルールとスキル集です。段階化された40のルールと、終了前にPASS/FAIL報告を求めるDelivery Gateがあります。
収録されている特集
トピック
よくある質問
- anti-slop とは?
- AIコーディングエージェントが、ありがちなUIやマーケティング文、AIらしいコードコメントを生成しないようにするルールとスキル。 Anti Slopは、Claude Code、Codex、CursorなどのAIコーディングエージェント向けの指示セットです。ありきたりなグラデーション、捏造された統計、誇張だらけの見出し、コードの内容を言い換えただけのコメントなど、機械生成に見える出力を対象としています。中核となるのは40個の必須ルールをまとめたルールブックで、エージェントは作業を終える前に、これに基づく納品チェックリストの結果を報告する必要があります。
- anti-slop は無料で使えますか?ライセンスは?
- anti-slop は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- anti-slop は今もメンテナンスされていますか?
- 活発にメンテナンス中。anti-slop の最終コミットは 2026年11月5日 です。
- anti-slop は何に使えますか?
- AIコーディングエージェントが、ありきたりなランディングページやテンプレートのようなUIを生成しないようにする。 AIが書いたマーケティング文を整え、捏造された統計や誇張表現を取り除く。 レビュー前に、既存コードにある冗長なAIらしいコメントを監査する。 エージェントが生成したフロントエンド作業のレスポンシブレイアウトとアクセシビリティの基本を確認する。
- anti-slop のインストール方法は?
- インストーラーを実行し、表示される質問に答えてスキル、場所、エージェントを選択します: npx antislop-ai または、skills.sh ディレクトリからスキルをインストールします: npx skills add miqdadbadjuber/anti-slop
- anti-slop はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/miqdadbadjuber/anti-slop
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
アートディレクション、実際の写真、ブラウザでのセルフチェックで、コーディングエージェントに個性あるフロントエンドを作らせるAgent Skills。
AIコーディングエージェントに、ありがちなAI風の画面ではなく、洗練された本番品質のUIを作らせるためのエージェントスキルとCLIです。
Claude Code、Codex、Cursorなどにマーケティングの実践知を提供する40以上のMarkdown製エージェントスキル集
コーディングアシスタント向けのAgent Skillsとして提供される、183種類の専門AIエージェントを擁する15のスクワッドと、ワークフロー、タスク、チェックリストのコレクション。
企画や戦略から、コピー作成、動画、WeChatでの公開、分析まで、セルフメディア運営の全工程をカバーする、ツールに依存しない10種類のエージェントスキル集です。