impeccable-design-polish

Impeccable デザインの仕上げ

既存のデザインに仕上げの調整を加える際に、このスキルを使います。プロジェクトをゼロから始めるのではなく、現在の成果物をより洗練させ、使いやすくし、デザイナーが公開できる品質に近づけます。

フォローアップモード

• 監査：階層、余白、色、タイポグラフィ、インタラクション状態、レスポンシブ対応、アクセシビリティにおける、影響の大きい問題を特定します。
• 批評：ありきたりに感じる点、過剰なデザイン、デザイン不足、一貫性のない点を説明します。
• 仕上げ：ユーザーの意図を保ちながら、優先度の高い問題を直接修正します。
• アニメーション：フィードバックやストーリーテリングを改善できる箇所に限り、控えめで有用なモーションを加えます。
• 堅牢化：モバイルでのはみ出し、テキストの切り取り、コントラストの問題、状態の不足、リンク切れ、脆弱なレイアウト上の前提を修正します。
• 公開準備：最終的なビジュアル QA と明確な次のアクションを含め、成果物をプレゼンテーションや共有に備えます。

運用ルール

1. 編集前に現在の HTML／ページを確認します。プロンプトだけを根拠に推測してはいけません。
2. ユーザーから明示的に変更を求められない限り、既存のコンテンツ、ブランド、シナリオを維持します。
3. 広範囲に見た目を変更するより、効果の高い修正を少数に絞って行います。
4. よくある AI らしさを取り除きます。
   • プロダクトとしての理由がない紫から青へのグローグラデーション
   • ありきたりな 3 枚並びの機能カード
   • どこにでもある大きく角丸のカード
   • 空虚なマーケティング形容詞
   • 一貫性のない余白と文字サイズのスケール
   • 理解を助けない装飾効果
5. アクセシビリティを維持します。フォーカス状態、コントラスト、セマンティックなコントロール、読みやすいテキスト、動きを抑える設定へのフォールバックに配慮します。
6. 批評のリストだけで終わらせず、実行可能な状態をより良くした成果物で仕上げます。

おすすめの組み合わせ

• より優れたアンチスロップの再デザインには、design-taste-frontend または gpt-taste と組み合わせます。
• モーションに特化した仕上げには、emilkowalski-motion または GSAP スキルと組み合わせます。
• CSS の装飾だけではなく、実際のビジュアル素材が必要な場合は、画像／動画スキルと組み合わせます。