frontend-design Claude Code スキル

このスキルは、ありきたりでない独自性のあるUIデザインを行うための手順と考え方をまとめたClaude向けスキルです。対象となる製品や題材をまず明確にし、その内容に即した配色・タイポグラフィ・レイアウトを選ぶよう促します。さらに、AIが作ったと分かりやすい定型パターンを具体的に列挙し、それらを避ける指針を示します。進め方としては、まず配色・書体・レイアウト・方針をまとめた簡潔な設計案を作り、それをブリーフと照らし合わせて見直したうえでコードを書くという二段階の手順が示されています。外部サービスとの連携機能は含まれておらず、デザインとライティングに関する考え方そのものを提供するスキルです。