yetone/kill-ai-slop

解決的問題

解決網頁設計中的「AI垃圾」問題——即AI生成產品經常預設採用的重複性、通用性且常缺乏品味的視覺模式（如靛藍色漸層和發光卡片）。本項目提供教育性指南以識別這些模式，並提供工具來移除它們。

工作原理

此專案包含兩個主要組件：

• 現場指南網站：一個多語言網站，收錄了33個具體的「AI垃圾訊號」，並附有互動式前後對比示範，展示如何修復這些問題。
• 代理技能：一個工具（kill-ai-slop），可整合至編碼代理（如 Claude Code 或 Cursor）中，或作為獨立掃描器運行。它會掃描網頁專案程式碼中這些設計訊號的痕跡，解釋為何它們看起來像機器生成的，並根據共享的分類體系提出或應用乾淨的修復方案。

適用對象

希望避免通用AI生成美學、確保產品具有精緻、人工精心雕琢質感的網頁開發者與設計師。

主要亮點

• 互動式目錄：33個真實世界的設計訊號，附有左右對比的HTML重構範例。
• 代理整合：可輕鬆作為AI編碼代理的技能安裝，自動化「去垃圾化」流程。
• 獨立掃描器：無需依賴的Node.js腳本，可產生分組報告或JSON格式的設計問題報告。
• 多語言支援：現場指南支援英文、中文（繁體）、日文與韓文。