claude-design-auditor-skill は何をしますか？
19のプロフェッショナルなデザインルールに基づいてデザインを監査するClaudeスキルです。
概要
このスキルは、デザインの品質を評価するための包括的なルールセットを提供し、Claudeがデザインの問題を特定して改善提案を行うことを可能にします。
ルール一覧
- タイポグラフィの一貫性 - フォントサイズ、行間、文字間隔が統一されているか
- カラーパレットの調和 - 使用色がブランドガイドラインに準拠しているか
- コントラスト比 - テキストと背景のコントラストがWCAG基準を満たしているか
- グリッドとレイアウト - 要素がグリッドシステムに沿って整列しているか
- スペーシングとマージン - 要素間の余白が適切か
- アイコンの一貫性 - アイコンのスタイルとサイズが統一されているか
- フォームのユーザビリティ - 入力フィールドのラベル、エラーメッセージが明確か
- アクセシビリティ - キーボード操作やスクリーンリーダー対応が十分か
- 画像の品質 - 画像の解像度とアスペクト比が適切か
- 要素の状態表示 - ホバー、アクティブ、無効状態が視覚的に区別できるか
- 情報の階層構造 - 見出しやセクションの重要度が視覚的に表現されているか
- モバイル対応 - レスポンシブデザインが適切に実装されているか
- インタラクションのフィードバック - ユーザー操作に対する視覚的フィードバックが存在するか
- エラーハンドリング - エラー状態の表示がユーザーフレンドリーか
- ローディング状態 - データ読み込み中のインジケーターが適切か
- 空の状態 - データがない場合の表示が適切か
- ボタンの配置 - プライマリ/セカンダリボタンの配置が一貫しているか
- リンクの視認性 - リンクが通常テキストと区別できるか
- デザイントークンの使用 - 色、スペーシングなどが変数管理されているか
使用方法
# デザイン監査を依頼する例
Claude、このデザインを監査してください。
対応プラットフォーム
- Claude Code
- Cursor
- その他のClaude統合ツール
ライセンス
MIT