frontend-design Claude Code スキル

これはUIデザインを作成する際に、ありきたりな見た目を避け、独自性のある意図的なデザインに導くためのClaudeスキルです。依頼内容に合わせて配色・書体・レイアウトを具体的に選び取る、デザインスタジオのリード担当のような姿勢で作業を進めることを求めています。クリーム色と テラコッタの組み合わせや、同一の影が付いたカード、見出し上のラベルなど、生成されたデザインにありがちな定型パターンも具体的に挙げられています。さらに、トークン体系の計画、ブリーフとの照合によるありきたり度の確認、実装、そして自己批評という二段階の進め方が示されています。モーションの抑制的な使い方や、利用者視点でのUIコピーの書き方についても指針が含まれています。