html-plan

HTML プラン

元の資料を、人々が確認して実行に移せるプランに変換します。より広い範囲での統合を求められない限り、ユーザーが指定した範囲、順序、確約事項、用語を維持してください。

作業に合わせて文書を構成する

設計に取りかかる前に、会話、プロジェクトの指示、提供されたプランを確認してください。既存のデザイン言語がある場合は、それに合わせてください。ない場合は、対象読者とテーマに基づき、落ち着いた実務的な方向性を導き出してください。

design-artifact を利用できる場合は、その基本方針を確認し、方向性を意図的なものにしてください。このスキルの追跡可能性とソースの保持に関するルールを優先し、クリエイティブな方向性によってプランをダッシュボードやキャンペーンページへ膨らませないでください。

プランに実際に必要な要素を判断してください。

• フェーズまたは順序
• ステータスと意思決定ポイント
• 担当者と協力者
• 依存関係とリスク
• 受け入れ確認
• 未解決の質問

ソースに根拠がない限り、タイムライン、進捗率、ステータスバッジ、ダッシュボードの概要を追加しないでください。実装プランを戦略文書へ膨らませず、文法と構成を改善してください。

追跡可能性を維持する

• ソースにある確約事項を認識できる形で維持してください。
• 承認済みの決定事項と、前提事項や未解決の質問を分けてください。
• 実際に存在する場合に限り、順序と依存関係を示してください。
• 正確な対応関係、比較、繰り返し項目には表を使用してください。
• 順序の理解が明らかに容易になる場合に限り、フローやタイムラインを使用してください。
• すべての段落を無理にカードへ押し込まず、長い文章も読みやすく保ってください。

作成と検証

レスポンシブでアクセシブルな、自己完結型の HTML ファイルを 1 つ作成してください。セマンティックな見出し、リスト、表、ランドマークを使用してください。必須の CSS と JavaScript はインラインにし、外部サービスは避け、ナビゲーションや開閉要素はキーボードで操作できるようにしてください。

幅の広い画面と狭い画面の両方で成果物を確認してください。確約事項が抜けていないこと、各段階が意図された順序を保っていること、担当者と依存関係が明確であること、長いコンテンツがはみ出さないことを確認してください。

絶対パスを返し、導入した構造上の解釈があれば記してください。