フロントエンドデザイン

ドキュメント

概要

タイポグラフィ、レイアウト、配色、操作性を意図的に設計します。

利用場面

ランディングページ、ダッシュボード、Web UI の制作。

導入方法

下記の出典からスクリプトと参照資料を含むディレクトリ全体を取得します。Claude Code のプロジェクトでは .claude/skills/frontend-design/SKILL.md、個人用は ~/.claude/skills/frontend-design/SKILL.md に配置します。/frontend-design または自然言語で呼び出します。依存関係とライセンスは出典で確認してください。

出典

Anthropic / frontend-design

確認日: 2026-10-20