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