yetone/kill-ai-slop

何を解決するか

ウェブデザインにおける「AIスロップ」——繰り返し、一般的で、しばしば品位のない視覚的パターン（インディゴのグラデーションや光るカードなど）をAI生成製品が頻繁にデフォルトで採用する問題に対処します。これらのパターンを識別する教育的ガイドと、それらを除去するツールを提供します。

動作方法

このプロジェクトは2つの主要なコンポーネントで構成されています：

• フィールドガイドウェブサイト：33の特定の「AIスロップの兆候」を収録した多言語対応サイトで、修正前の状態と修正後の状態をインタラクティブに比較できるデモを提供します。
• エージェントスキル：kill-ai-slop というツールで、Claude Code や Cursor などのAIコーディングエージェントに統合可能、またはスタンドアロンのスキャナーとして実行できます。このツールはウェブプロジェクトのコードをスキャンし、これらのデザインの兆候を検出し、なぜそれが機械的・機械生成に見えるのかを説明し、共有された分類体系に基づいてクリーンな修正案を提示または適用します。

対象ユーザー

一般的なAI生成美学を避け、製品に洗練された人間によるキュレーションされた雰囲気を保ちたいウェブ開発者およびデザイナーです。

主な特徴

• インタラクティブなカタログ：33の実世界のデザインの兆候と、横並びのHTML再構築例を提供。
• エージェント統合：AIコーディングエージェントに簡単にスキルとしてインストール可能で、「スロップ除去」プロセスを自動化できます。
• スタンドアロンスキャナー：依存関係を必要としないNode.jsスクリプトで、グループ化された報告書やJSON形式の報告書を生成できます。
• 多言語対応：フィールドガイドは英語、中国語（簡体）、日本語、韓国語で利用可能です。