Anti-Slop Kit logo

Anti-Slop Kit

AIコーディングエージェントが実際に従うデザインシステム

Design Tools Artificial Intelligence Developer Tools

概要

  • AIが生成するB2B SaaSの画面に一貫した見た目と判断基準を与える、エージェント向けのデザインシステムキットです。
  • DESIGN.mdやAGENTS.md、Cursorルール、トークン、Figmaファイルをまとめ、設計ルールを実装プロセスに組み込みます。

主な特徴

  • 角丸は3種類、フォントは2種類、主要カラーは1色に制限し、紫のグラデーションや曖昧な装飾に頼らない設計を実現します。
  • AI機能向けに、適用前のレビューや拒否時の振る舞いなど、実運用で重要なUIパターンも定義されています。
  • トークンファイルを差し替えるだけで、既存のカラーやフォントに合わせてカスタマイズできます。

こんな人におすすめ

  • CursorやClaude、v0、LovableでB2B SaaSのダッシュボードを開発し、生成画面の見た目が均一化する問題を解決したい人に適しています。
  • 機能開発の速さを保ちながら、密度の高い業務画面に一貫したタイポグラフィや配色、コンポーネント設計を導入したいチーム向けです。
  • デザインルールを文章やFigmaだけでなく、AIエージェントが参照できる形で明文化したいデザイナーや開発者に役立ちます。
投票数: 1
← 投稿一覧に戻る