Communityライティング&編集github.com

rgranet/designlint-skill

AIが生成するインターフェースがすべて同じに見えるのを防ぎます。DesignLintは、AIエージェントにユーザーを理解させ、9つの意図的なデザイン決定を促し、コードを書く前に結果を批評させます。ゼロからの作成モードと、既存UIの監査・修正モードの2つを備えています。

designlint-skill とは?

DesignLintスキルは、AIエージェント向けの設計品質保証ツールです。主な目的は、AIが生成するUIが画一的になる問題を解決し、ユーザー中心の多様なデザインを強制することです。このスキルは、AIエージェントにまずユーザーを深く理解させ、その後9つの主要なデザイン決定(レイアウト、配色、タイポグラフィなど)を明示的に行わせます。さらに、生成されたデザインに対して批評を自動生成し、改善点を指摘してからコード出力に移行します。サポートするプラットフォームはClaude Code、Cline、Roo Code、GitHub Copilot、Codex CLI、Goose、Cursor、Windsurfなどの主要なAI開発ツールです。動作モードは2つあり、「Create(作成)」モードではスクラッチから新しいUIをデザインし、「Audit(監査)」モードでは既存のUIを分析して一貫性・アクセシビリティ・ユーザビリティの観点から修正を提案します。開発者はこのスキルをプロジェクトに導入することで、AIが生成するUIの品質を劇的に向上させることができます。

対応~Claude Code~Codex CLI~Cursor
npx skills add rgranet/designlint-skill

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

designlint-skill は何をしますか?

AIが生成するインターフェースがすべて同じに見えるのを防ぎます。DesignLintは、AIエージェントにユーザーを理解させ、9つの意図的なデザイン決定を促し、コードを書く前に結果を批評させます。ゼロからの作成モードと、既存UIの監査・修正モードの2つを備えています。

関連スキル