美しいウェブサイトをデザインする

コア哲学: 次のアクションを明白にする。ユーザー目標から積み上げる。ビジュアルをシステム化する。早期に検証する。

このスキルが存在する理由

ウェブサイトは「見栄え」は良くても、以下の場合に失敗します:

• ユーザーの目標と一致していない
• 重要なアクションが隠れている
• 考えすぎる必要がある
• ビジュアルに一貫性がない

このスキルは「見た目をよくして」といった曖昧なリクエストを、以下の内容を生成する反復可能なワークフローに変えます:

• 明確な構造
• 使いやすいインタラクション
• 調和したビジュアルシステム

「完成」の状態

成果物は実装者に使用可能である必要があります(エンジニア、ノーコードビルダー、今後のエージェント):

• デザインブリーフ: ユーザー、目標、制約、成功指標
• IA + フロー: サイトマップ(またはナビゲーションモデル)および1～3つの主要ユーザージャーニー
• レイアウト + ワイヤーフレーム: レスポンシブページ構造、コンポーネントインベントリ
• ビジュアルシステム: トークン(タイプ、スペーシング、色、ラウンド、シャドウ)と使用ルール
• コンポーネント仕様: 状態、動作、空/読み込み/エラー
• QAノート

...