frontend-designとは？ AIのUI生成に「意図」を持たせるSkill

frontend-designは、画面を単に「きれいにする」のではなく、その題材に合った視覚的な方針を決めてから実装するためのSkillです。公式のSkillでは、まず対象となるサービス、利用者、ページが果たす一つの役割を具体化します。そのうえで、配色、書体、レイアウト、動き、ページを記憶に残す象徴的な要素を一つの方向性にまとめます。

特徴的なのは、AIが生成しがちな定番表現を避けること自体を目的にしていない点です。「なぜこの題材に、この表現が合うのか」を説明できる選択を求め、計画、自己批評、実装、再確認という順番を設けています。

新しいLPや管理画面を頼むと、コードを書く前に「誰のための画面か」「何を伝えるか」「どんな印象を残すか」を短い方針にまとめます。配色や書体、レイアウトをその方針に沿って選ぶため、レビューでは好みだけでなく、なぜその見た目にしたのかを確認できます。

スマートフォン表示、キーボードフォーカス、動きを減らす設定なども品質の下限として意識されます。ただし、このSkillを使うだけで使いやすさやアクセシビリティへの適合が保証されるわけではありません。実画面を見た人間による確認は引き続き必要です。