用途
Anthropic Frontend Design は製品の題材、利用者、ページの目的から視覚方針を定め、配色、書体、構成、動きを選ぶよう促します。実装前に短い設計案を作り、依頼内容との整合性を確認します。
利用場面
企業サイト、キャンペーンページ、作品集、既存画面の再設計に利用できます。実際の文章、ブランド素材、既存コンポーネントを条件として渡せます。
使用例
例えば書店のイベントページについて、主役となる表現と書体を二案示し、一案を選んで携帯とデスクトップ向けに作るよう依頼します。
これは仮の使用例で、当サイトでは検証していません。
制限
設計と実装の指針を示す Skill です。完成画面は実際の内容、画面幅、キーボードのフォーカス、可読性、動きを減らす設定で確認が必要です。
導入方法
Skills CLI で Anthropic の公式リポジトリから frontend-design を選びます。
npx skills add anthropics/skills --skill frontend-design対応環境で自分で実行してください。このページを開いても Skill は導入されません。