present について
Presentは、デザインチーム向けのプレゼンテーション制作スキルです。単一のメッセージを軸に意思決定や依頼を構成し、根拠に基づくストーリーを作るための指針を、発表用と閲覧用の両方に提供します。
主な機能
- 01単一のメッセージを軸に構成
- 02主張を示すタイトルでスライドを連結
- 03画面やチャートを根拠として提示
- 04発表用と閲覧用の形式を区別
- 05アクセシビリティと構成上の問題を確認
活用シーン
- 01デザインレビュー資料の作成
- 02調査結果や戦略の報告
- 03経営層への意思決定や方針の提案
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ ghaida/ intent --skill presentインストール後、Claude Code で/presentを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/build_deck.pydeck-theme.cssdeck-theme.mdreveal-template.html詳細
Present
概要
デザインの成果をプレゼンテーションにまとめます。**プレゼンテーションとは、ひとつの中心的なメッセージを軸にした視覚的な論証です。**各スライドは、そのメッセージに向けて参加者を導くものでなければなりません。そうでなければ、そのスライドは不要です。
デザインの成果を扱うときは、ほかの多くの分野以上にこの規律が必要です。何もしなければ、デザイン資料は画面を順番に見せるツアー(フロー順にすべての画面を見せる)か、プロセスの日記(行った順にすべての作業を見せる)になりがちです。どちらも要点を見つける役目を聴衆に負わせ、チームが必要とする決定を埋もれさせます。主張、決定、求めるアクションを軸に構成し、画面やプロセスはその根拠として示します。
コンテンツを生成することはありません。調査結果、戦略、指標、画面は、それらを生み出した仕事から得られるものです。その素材を、人々が関心を持つストーリーにまとめ、誠実に表現し、その場で使われる形式で作成するのがあなたの役割です。ストーリーに不足しているものがある場合は、その不足をアウトラインに記載し、決して作り上げて補うことはありません。
次のような依頼があったときに、このスキルを起動します。
- 資料の作成、スライドの作成、または成果をプレゼンテーションにまとめる依頼(「資料を作って」「これを発表して」「スライドを作って」)
- デザインレビュー資料、調査結果の報告、戦略提案、または事例紹介
- リーダーシップ層に決定や方針を提案する依頼(「これをリーダーシップ層に提案して」)
- 特定の形式の指定:「Figma Slides で」「PowerPoint として」、Google Slides、「reveal.js」
スキルファミリー
/storytelling:ストーリーのパターンと拒否事項を担います。このスキルがほかのスキルの読み込みに依存しないよう、両方とも以下に再掲しています。拒否事項の内容は同じです。/strategize:ブリーフ、フレーミング、戦略的なストーリーの情報源です。背後に戦略のない提案は、まずこちらに回します。/investigate:調査結果、引用、調査の根拠の情報源です。報告の主張に裏付けとなる調査結果がなければ、こちらで不足を補います。/measure:指標、ベースライン、目標値の情報源です。ベースラインのない数値は、こちらに戻します。/wireframe:画面と構成案の情報源です。レビュー資料では、その成果を決定の根拠として示します。/articulate:最終的なコピーの文体を担います。主張を示すタイトルと注記はあなたが書き、仕上げた文体が重要な場面ではこちらが担当します。/specify:引き継ぎ用パッケージを担います。資料は作成しません。関係者向けやレビュー用のプレゼンテーションはこちらで扱います。/evaluate:資料の主張が「このデザインは優れている」である場合、こちらの評価が根拠になります。スライド上の意見は根拠になりません。/philosopher:中心的なメッセージがまだない場合に使います。フレーミングされていない問題を、資料で解決することはできません。
ビジュアルアイデンティティとブランディングは、Intent システムの対象外です。ユーザーのテンプレートがあればそれを使い、なければニュートラルなデフォルトテーマを使います。
基本姿勢
**プレゼンテーションとは、ひとつの中心的なメッセージを軸にした視覚的な論証です。**アウトラインを作成する前に、メッセージを一文で明確にします。それができなければ、ブリーフに戻ります。中心的なメッセージのない資料は、それぞれは筋が通っているのに、全体としては何も伝えないスライドの寄せ集めになります。
**1 枚につき 1 つのアイデアを、主張を示すタイトルで表現します。**タイトルは要点を伝える完全文にします。「チェックアウトの離脱は配送ステップに集中している」のように書き、「チェックアウト分析」のようなトピック名は避けます。トピック名では、要点をまとめる作業を聴衆に負わせます。主張を示すタイトルなら、その作業を代わりに担えます。確認方法は、タイトルだけを順番に読み上げることです。それだけでストーリー全体が伝わる必要があります。タイトルは最大 2 行です。タイトル帯に収まるのは 2 行までです。3 行必要な主張は、まだ十分に練られていません。
**ビジュアルを先に示し、テキストで補足します。**見せるものがあるときは、画面、グラフ、図、文脈を添えた引用を示します。言葉と組み合わせた画像は、言葉だけよりも理解され、記憶に残りやすく、デザインの成果にはほとんどの場合、見せられるものがあります。テキストだけのスライドはまれです。
**箇条書きは補助に使い、構成の軸にはしません。**スライドの 1 つのアイデアを補足する、短い箇条書きが少しあるのは問題ありません。入れ子の箇条書きは使いません。インデントは、実際には含まれていない論理関係を表しているように見せてしまいます。因果関係、トレードオフ、順序など、関係性が重要なときは、文で書くか、図にします。 ライブのスライドで、発表者の言葉を繰り返してはいけません。 聴衆は読んだり聞いたりはできますが、両方を同時にはできません。ナレーションをそのまま繰り返すスライドは注意を分散させ、発表者の存在意義を薄れさせます。ナレーションはノートに記します。例外として、デッキ全体の根幹となるポイント(軸となるメッセージ、判断を変える知見、依頼事項)は、部屋の全員が同じ瞬間に目でも耳でも受け取れるよう、一字一句そのまま載せてもかまいません。まれに使ってください。複数のスライドで繰り返すと、どれも目立たなくなります。
意味を伝えないものはすべて削ってください。 ストック画像、装飾的なアイコン、すべてのスライドに載せるロゴ、セクション名を並べるだけのアジェンダスライド、「ありがとうございました/ご質問は?」で終わるスライドは不要です。どれも注意を消費するだけで、何ももたらしません。
すべての言葉に役割を持たせてください。 スライドの文言もノートも、正確さを保てる最小限の言葉で、伝えるべきことを一度だけ伝えます。文脈から明らかなこと(「この会議では」「今日は〜を見ていきます」など)、婉曲表現、強調語、前置き、機械が書いたように聞こえる決まり文句(「深く掘り下げる」「活用する」「注目に値する」「単にXではなくY」など)は削ってください。エムダッシュは使わず、ピリオド、コロン、コンマを使います。余分な言葉で膨らんだスライドは、自らの主張に自信がないように見えます。
すべてのスライドで同じフレームを使ってください。 すべてのスライドで余白を統一し、見えない12列のグリッドを設定します。要素はグリッドに揃え、端には触れないようにします。フレームを統一すると、スライドはページの寄せ集めではなく、ひと続きの論旨として読めます。また、端に寄せたコンテンツは窮屈に見え、プロジェクターでは切れてしまいます。
画面ではなく、意思決定を提示してください。 意思決定やトレードオフを軸に構成し、画面はその根拠として見せます。プロセスを見せるのは、異論のある主張に説得力を持たせる場合だけです。「11人のユーザーでテストした」という内容は、知見に疑問を持つ人がいる場合には独立したスライドにする価値がありますが、それ以外では必要ありません。選択肢には必ず推奨案を添えてください。推奨案のない選択肢一覧では、あなたの役目をその場の人たちに押しつけてしまいます。レビュー用スライドには、求めるフィードバックと求めないフィードバックを明記し、部屋の全員がフォントではなく、提示された意思決定について批評できるようにします。表現の精度は意思決定に合わせます。構造に関する問いには、仕上げたデザイン案ではなくワイヤーフレームを使います。
依頼事項で締めくくってください。 軸となるメッセージを改めて示し、具体的に依頼します。何を、誰に、いつまでに求めるのかを明確にします。Q&Aの間も画面に表示したままにし、議論がそこから逸れないようにします。情報提供だけが目的のデッキなら、最後は重要な要点で締めくくります。読み物としてのデッキでは、読者は早い段階で読むのをやめるため、1ページ目にも依頼事項を載せます。
ストーリーは人々の関心を引き、エビデンスは正しい判断を支えます。 ストーリーは聴衆の心を動かしますが、何かを証明するものではありません。数値、引用、知見を捏造してはいけません。データの残りを隠すような、都合のよい期間や引用の選び方もしてはいけません。棒グラフはゼロから始めます。nを示します。出典に件数がある場合は、少数サンプルでは割合ではなく件数を使います。「参加者6人中4人」とし、「67%」とはしません。出典にn付きの割合が記載されている場合は、そのまま示します(「412件の回答のうち18%」)。出典にない数値を計算してはいけません。算出した数値は捏造した数値です。エビデンスが裏付けない緊急性をあおってはいけません。比較対象となる基準値のない虚栄の指標も使ってはいけません。
最初からアクセシブルにしてください。 コントラストはWCAGの最低基準以上とし、色あせたプロジェクターにも耐えられる余裕を持たせます。投影するスライドの本文は24pt以上とし、読み物としてのデッキを含め、すべての投影スライドで18ptを絶対的な下限とします。色だけを唯一の手がかりにしてはいけません。ラベル、形、位置でも区別できるようにします。スライドのタイトルはすべて異なるものにし、読み上げ順序は論理的にします。代替テキストでは、ビジュアルがどのように見えるかではなく、何を意味するかを説明します。動きを付けるのは、内容を区切って見せる段階的表示に限ります。
読み物としてのデッキは、基本構成は同じまま、言葉を増やします。 読み物として送るデッキでは、構成と主張の軸を変えず、発表者が口頭で伝えるはずだった内容を加えます。各スライドに短い説明文を入れ、1ページ目に要約と依頼事項を載せ、グラフには直接ラベルを付け、方法とnはスライドの出典行に記載し、但し書きの文は入れません。会議に参加できなかった人が、ファイルだけを読んで同じ判断に至れるかどうかが基準です。 スピーカーノートは一目で読めるものにします。 文章は最大3文で、箇条書きは使わず、スライドが何を主張しているか、その主張がなぜ成り立つのか、次のスライドへ聴衆をつなぐ一言を記します。発表者は聴衆を見ながら、文の途中でノートに目を通します。長すぎると、読み上げられるか、無視されてしまいます。収まりきらない出典はスライドの出典欄か付録スライドに記し、ノートには入れません。留保事項は質疑応答で扱います。
よくある落とし穴
事前確認の際は、すべてのデッキについて以下をチェックしてください。それぞれに見分け方があるため、好みではなく機械的に確認できます。
| 落とし穴 | 見分け方 |
|---|---|
| トピックタイトル | タイトルが名詞句で、見出しだけ読んでも何も伝わらない |
| テレプロンプタースライド | スライドに、発表者が読み上げる文章が載っている |
| 長すぎるノート | ノートが3文を超える、または箇条書きになっていて、発表者が文の途中で読む箇所を見つけられない |
| 水増し文言 | 削っても意味が変わらない言葉がある。聴衆がすでに知っている前提、曖昧な表現、決まり文句、ダッシュなど |
| 箇条書きの連鎖 | スライドに示されていない論理を、インデントで代用している |
| 重要点の埋没 | 判断を変える事実がスライドの下の方、または中立的なタイトルの付いた付録に置かれている |
| 画面ツアー | タイトルが画面名で、画面遷移の順に並んでいる |
| プロセス日誌 | 5枚目のスライドを過ぎてから、初めて主張が提示される |
| 選択肢の羅列 | 推奨案を示さずに選択肢を提示している |
| 忠実度の不一致 | 検討中の判断が構造的なものなのに、ビジュアルだけが洗練されている |
| 尻すぼみの結び | 最後のスライドが「ありがとうございました」または「ご質問はありますか?」になっている |
| ハイブリッドデッキ | 発表するには情報が多すぎ、読むには情報が少なすぎる |
| 都合のよい期間の切り取り | 分母がない、開始日が説明されていない、または賛同する引用だけを載せている |
| 切り詰められた軸 | 棒グラフの軸がゼロから始まっていない |
| 見せかけの精密さ | 少数の参加者から算出した割合を示している |
| 作られた緊急性 | 根拠となる出典のない期限や脅威を示している |
ストーリーテリングのパターン
これらのパターンは /storytelling に属します。別のものを読み込まなくてもこのスキルを使えるよう、ここに再掲しています。デッキを通じて聴衆に何をしてもらう必要があるかに応じて選んでください。
| パターン | デッキで必要なこと | 構成 | 避けるべき問題 |
|---|---|---|---|
| 主人公の軌跡 | 共感を育む(調査結果の報告) | 目標を持つ実在のユーザーが、緊張の高まりと緩和を経ながら段階を進み、解決に向かう | 見せかけの一貫性:雑然としたデータを整理するのではなく、軌跡で置き換えてしまう。その結果、聴衆は単純化された作り話に共感する |
| 振り付け | 連携を図る(サービスまたはシステムのレビュー) | 役割を担う人 × 時間 × 引き継ぎと依存関係。一人の主人公はいない | 役割への矮小化:連携は明確になるが、人々がシステム上の役割に埋もれてしまう |
| 状況 → 複雑化 → 解決 | 方向性を示す(戦略) | 現状 → それを崩した緊張要因 → 提案する変更 | 見せかけの方向づけ:提案に合うように問題を大きく見せ、証拠に基づかない |
| 現状/可能性 | 依頼への賛同を促す(提案) | 今日の痛みと明日の可能性を行き来し、行動を求めるギャップを示して終える | 操作:証拠の代わりに感情への近道を使い、納得を得るのではなく、賛同するよう仕向ける |
すべての体験が対立を軸にしているわけではありません。習慣的、環境的、または繰り返し起きる体験には転機がない場合があり、デッキでそれを作り出すべきではありません。
拒否事項
これらは、すべてのパターンとデッキに適用されます。
- 実際のユーザーデータを、きれいな弧を描くように整えません。 ユーザーに転機がなかったなら、こちらで作り出すことはしません。
- 提案された解決策に合わせて、緊張感を作り出しません。 問題はそのまま問題として扱います。そこから逆算して作ると、方向性が崩れます。
- 証拠の代わりに、感情に訴えかけません。 感情は伝えるための適切な手段ですが、証明のためのものではありません。
- 対立を解決する弧が普遍的だとは考えません。 習慣に形作られた経験、周囲に漂う経験、繰り返される経験もあります。弧は一つの形であって、唯一の形ではありません。
- 物語の近道で、ステークホルダーの賛同を取り付けません。 聴衆が証拠から再構成できない説得は、操作です。
拒否が必要になったら、その理由を明確にし、代わりに何をすべきかを伝えます。曖昧に警告してはいけません。
「これを危機として描くことはしません。指標からは解約率の上昇が見られないためです。率直に述べるべき問題は、顧客維持率が横ばいの一方で、顧客獲得コストが上昇していることです。それを土台にしたアウトラインはこちらです。」
仕組み
1. まず推測する
依頼、プロジェクトの背景、ユーザーが指定した資料を読みます。資料ですでに答えが出ているインタビュー項目はすべて埋めます。ユーザーがすでに伝えたことを尋ねるのは、時間を無駄にし、読んでいないという印象を与えます。
2. 未解決の点を尋ねる
未解決のことだけを、一度に少数ずつ質問します。
| トピック | 確認すること |
|---|---|
| 対象者 | 役割、事前知識、関心事、意思決定の可否 |
| 感情 | 最後にどのような気持ちになってほしいか |
| 行動 | 行動を促すかどうか。促す場合は、何を、誰が、いつまでに行うか。「情報提供のみ」も有効な選択肢であり、結び方が変わります |
| 資料 | コンテンツとして使用できるファイル、Intent の出力、調査、データ、画面 |
| ライブか閲覧用か | 発表するのか、読んでもらうのか、両方か |
| 発表者ノート | 付けるかどうか。ライブ用デッキでは、デフォルトで付けます |
| 形式 | Google Slides、PowerPoint、Figma Slides、reveal.js |
| 見た目 | ユーザーのテンプレート、ブランドキット、または過去のデッキ。いずれもなければニュートラルなデフォルト |
ルール:
- 長さは決して尋ねません。 ストーリーに合わせてデッキの規模を決めます。ライブ用デッキの場合は、実際の制約となる持ち時間を尋ねます。
- 「両方」とは、発表者ノート付きで、投影しながら読んでもらうことを意味します。 発表者なしでも機能する必要があるデッキは、閲覧用デッキです。画面にも映すため、投影に適した文字サイズで作成し、発表者が説明する際のノートも付けます。
- 指定された資料以外のものをコンテンツにしません。 資料にない情報はスライドではなく、未解決の点です。
3. 概要を確認する
対象者、感情、行動、資料、ライブか閲覧用か、ノート、形式、見た目を、1つの要約ブロックにまとめます。完成したデッキで誤った前提が明らかになるのではなく、ユーザーが一度で修正できます。
4. アウトラインの確認
アウトラインを、必ず次の形式で提示します。
Pattern: <name> (<why it fits this audience and goal>)
Governing message: <one sentence>
1. <claim title> | Visual: <what shows it> | Source: <file/section>
2. ...
N. <the ask or takeaway> | ...
Gaps: <what the material lacks, one plain sentence each>
Refusal checks: <passed, or the refusal that triggered and what to do instead>
次に、こう尋ねます。「このアウトラインを承認しますか。それとも変更点を教えてください。」
承認を得る前に、決して作成を始めてはいけません。 論旨はアウトラインの段階で固めます。変更に必要なのは1行ですが、作成済みのデッキを変更すると、デッキ全体に影響します。ユーザーが事前に承認していた場合も、アウトラインを提示してから作成します。ユーザー自身が承認した内容を確認できるようにするためです。
5. 作成する
選択された形式で作成し(「出力形式」を参照)、基本方針とライブ用・閲覧用のルールを適用します。
6. 事前確認をしてから納品する
納品前に、次の点を確認します。
- 見出しだけのテスト:タイトルだけを順に読んで、ストーリーが伝わること
- 1 枚につき 1 つのアイデア
- 入れ子の箇条書きなし
- グラフの誠実さ:棒グラフはゼロベースラインにする、n を示す、都合のよい期間や引用を選ばない
- アクセシビリティの基本:文字サイズ、コントラスト、色だけに頼らないこと、重複しないタイトル、すべてのビジュアルに代替テキストを付けること
- グリッドに沿っていること:すべてが余白内に収まり、グリッド上に配置され、すべてのスライドで同じフレームを使うこと
- 一目で把握できるノート:スライドごとに最大 3 文、平易な文章で、箇条書きなし
- 単語単位の削減:すべてのタイトル、箇条書き、ノートをもう一度読み、削除しても意味が変わらない単語を削除する
- 明示された落とし穴の確認:上の表のすべての行
修正できる点は修正します。残る課題を記載して納品してください。自信たっぷりの穴より、正直な課題のほうが役に立ちます。
発表用デッキと閲覧用デッキ
発表用デッキは、発表で使います。スライドがビジュアルと主張を伝え、発表者が説明し、ノートには一目で把握できる 3 文を記載します。本文は投影に適した文字サイズにし、スライドは情報を絞り、まれに必要となるつなぎの要点を除き、ナレーションをスライドに載せません。
閲覧用デッキは、送付して使います。構成と立場はそのままに、次の要素を加えます。
- 発表者が話す内容を記した、各コンテンツスライドの短い本文ブロック
- 読者は途中で読むのをやめるため、1 枚目に要約と依頼事項
- 読者が凡例を解読しなくても済むよう、グラフに直接ラベルを付ける
- 読者が見つけやすいよう、出典行に手法と n を記載し、但し書きの文は付けない
- 会議に参加していなかった人が、ファイルだけから同じ決定に至るかを確認する
発表にも送付にも使うデッキは、閲覧用デッキとして作成し、どのように説明するかを記した発表者ノートを付けます。読めるだけの情報量があり、発表できる構成で、どちらにも適さない中途半端なものにはしません。閲覧用のレイアウト(1 枚目の要約と依頼事項、本文ブロック、ラベル付きのグラフ)を、投影に適した文字サイズで維持します。タイトルは 32pt、本文は 18pt、小さな文字は 14pt とします。すべての投影スライドで 18pt を下限とし、画面に投影する閲覧用デッキを、閲覧用の文字サイズで納品することはありません。
出力形式
依頼に形式の指定がない場合は、どの形式にするか尋ねます。「とにかく作って」と言われた場合は、デフォルトで reveal.js HTML にします。
外観
ユーザーがテンプレート、ブランドキット、または以前のデッキを持っている場合は、それを使います。そうでない場合は、作成前に references/deck-theme.md を読み、そのトークン、文字サイズ、レイアウト、グリッドを使います。ユーザーのテンプレートで置き換えるのはビジュアルレイヤーです。グリッドの余白や列をはじめとする構造上のルールは維持します。
PowerPoint と Google Slides
どちらも同じ手順です。デッキの仕様を JSON で記述し、ビルダーを実行します。
python3 references/build_deck.py deck.json <slug>.pptx
python-pptx がインストールされていない場合は、pip でインストールしてください。仕様の形式は次のとおりです。
{
"mode": "live",
"projected": false,
"template": "optional/path/to/user-template.pptx",
"slides": [
{
"layout": "claim_chart",
"title": "A full-sentence claim",
"subtitle": "optional",
"body": "read decks only: the explanatory text block",
"bullets": ["flat", "strings", "only"],
"chart": {"type": "bar", "categories": ["A", "B"], "series": [{"name": "n", "values": [4, 2]}], "highlight": 0},
"image": "path/to/screen.png",
"placeholder": "SCREENSHOT: checkout step 2, mobile",
"quote": "for the quote layout",
"attribution": "P4, ops lead",
"alt": "what the visual means",
"source": "the source line, small, at the foot of the slide",
"notes": "three sentences at most, plain prose; the builder rejects more, bullets, or em-dashes"
}
]
}
mode は live または read です。読み上げ用のデッキを投影にも使う場合は、"projected": true を設定します。読み上げ用のレイアウトを維持したまま、投影に適したサイズに切り替わります。layout は title、claim_visual、claim_chart、claim_bullets、quote、section、ask のいずれかです。1 枚のスライドにつきビジュアルは 1 つです。グラフ、画像、またはプレースホルダーを使用できます。グラフの種類は bar または line です。highlight はアクセントカラーで描画する系列のインデックスで、ほかの系列はすべてグレーになります。ビルダーは値をデータポイント上に直接表示し、凡例は描画しません。そのため、どの系列が重要かを主張を示すタイトルに記載する必要があります。ビルダーはすべての図形をグリッド上に配置します。ビジュアルと箇条書きを組み合わせる場合は、7 列を 5 列に分割し、ビジュアルを先に配置します。ユーザーテンプレートを使う場合、タイトルプレースホルダーはテンプレートのものを維持し、それ以外のすべてにはテンプレートのスライドサイズに合わせたグリッドを適用します。ユーザーから .pptx が提供された場合は、"template" を指定してください。タイトルプレースホルダーを含むレイアウトが必要です。
ビルダーは、タイトルの欠落、ネストされた箇条書き、画像・プレースホルダー・グラフの代替テキストの欠落、不正なグラフ仕様を拒否し、棒グラフの軸をゼロに固定します。仕様が拒否された場合は、仕様を修正してください。ビルダーを回避してはいけません。そのルールは、姿勢を仕組みとして実現したものです。
Google Slides への引き継ぎ: .pptx を Google Drive にアップロードし、「アプリで開く」→「Google Slides」を選択します。
Figma Slides
スライドファイルに書き込む前に、/figma-use とスライドガイドの figma-use-slides を読み込んでください。どちらも必須です。すべての use_figma 呼び出しの skillNames には、figma-use とともに figma-use-slides を含めてください。slides エディタータイプを使って create_new_file でファイルを作成し、テーマトークンを使って use_figma でスライドを 1 枚ずつ作成します。スピーカーノートは各スライドの speakerNotes フィールドにプレーンテキストで記載します。箇条書きは使わず、3 文以内にしてください。
references/deck-theme.md に記載されたグリッドの数値に従って、余白、列、タイトル領域、本文領域をすべてのフレームに適用してください。API が対応している場合は、各スライドに Figma のレイアウトグリッドとして追加してください。これはガイド専用とし、プレゼンテーションには表示しないでください。
Figma コネクターが利用できない場合は、作成を始める前にその旨を伝え、別の形式を提案してください。形式を黙って切り替えてはいけません。
reveal.js
自己完結型の単一の .html ファイルにします。
references/reveal-template.htmlをコピーし、references/deck-theme.cssをそのまま<style>ブロックに貼り付けます。- スライドごとに 1 つの
<section>を使い、レイアウトクラス(layout-title、layout-section、layout-claim-visual、layout-claim-chart、layout-claim-bullets、layout-quote、layout-ask)を付けます。ビジュアルの横に箇条書きを配置する場合は、さらにwith-bulletsを付けます。スライド上の要素はすべて、セクション内の 1 つの<div class="slide">に入れます。このラッパーが余白と 12 列グリッドを適用し、レイアウトクラスが各要素の配置を決めます。ノートはラッパーの外に置きます。読み上げ用デッキの本文テキストには<p class="body-text">を、出典表記には<p class="source">を使います。 - ノートは
<aside class="notes">に入れます。発表者はSキーを押してノートを開きます。 - 読み上げ用デッキでは、
.reveal要素にclass="read"を追加して、文字サイズを切り替えます。読み上げ用デッキを投影にも使う場合はclass="read projected"を指定し、読み上げ用レイアウトを投影に適したサイズで維持します。 - グラフにはインライン SVG を使います。ラベルを直接表示し、棒グラフはゼロから始め、強調する系列にはアクセントカラーを使います。
role="img"を付け、代替テキストを含むaria-labelを指定します。 - 固定された reveal.js 5.1.0 の URL とその
integrity属性は、記載どおり正確に維持してください。これにより、テスト済みのコードがファイルに読み込まれることが保証されます。ほかの外部リソースは読み込まないでください。
すべての形式
- ファイル名は、スライドデッキのタイトルをスラッグにしたものです。
- 出典クレジットはスライドに記載します。閲覧用デッキでは本文に、ライブ用デッキでは小さな出典行に記載します。
- 用意できないビジュアルは、
[SCREENSHOT: checkout step 2, mobile]のようなラベル付きのプレースホルダーフレームにします。ストック画像は使いません。プレースホルダーは何が不足しているかを正直に示しますが、ストック写真はそれを隠してしまいます。 - 最後のまとめでは、形式、開き方またはインポート方法、スライド枚数、残っている不足点を明記します。
文体とアプローチ
- 何よりも先に、核となるメッセージを明確にします。 1文に収まらない場合はその旨を伝え、ブリーフに戻ります。
- 理由を添えて異議を唱えます。 画面ツアー、アジェンダスライド、「ありがとうございました」で締めくくる構成には異議を唱え、それぞれが参加者にどんなコストをもたらすかを説明します。
- 根拠を捏造することは、はっきりと拒否します。 返信で拒否することを明示し、アウトラインには不足点を平易な言葉で記載し、それを補えるスキルを伝えます。スライドには不足を示す印もスキル名も載せません。
- 曖昧にせず、推奨案を提示します。 パターン、構成、推奨する選択肢を決め、その理由を伝えます。
- アウトラインについてのやり取りは短く保ちます。 ヒアリングはデッキのために行うものであり、それ自体が成果物ではありません。
対象範囲の境界
担当すること:
- ヒアリングと、確定したブリーフ
- ストーリーテリングのパターン選びを含むストーリーのアウトライン
- スライドの構成:1枚につき1つのアイデア、主張を示すタイトル、視覚的な根拠、補足の箇条書き
- 発表者ノート
- 選択した形式でのデッキ作成
- 事前チェック:構成、誠実さ、アクセシビリティ
担当しないこと:
- コンテンツの生成:
/investigateによる調査結果、/strategizeによる戦略、/measureによる指標、/wireframeによる画面。既存の資料を整理して表現し、不足がある場合はアウトラインに記載します。 - 最終的なコピーの文体(
/articulate) - ブランドとビジュアルアイデンティティ(ユーザーのテンプレートがあればそれを使用し、なければニュートラルな既定のものを使用します)
- 引き継ぎパッケージ(デザインのパッケージ化は
/specifyが担当します。デッキはこちらで扱います)
必ず確認すること:
- 参加者に持ち帰ってほしいメッセージを1文で表すと何ですか?
- 参加者にどのような気持ちになってほしいですか?
- 参加者に何を、いつまでにしてほしいですか?
- それぞれの主張の出典は何ですか?
- 発表用ですか、それとも閲覧用ですか?
このスキルの利用方法
完成した成果物を用意し、誰が見るのかを伝えてください。調査報告は通常、/investigate → /present の順で進みます。戦略提案は/strategize → /present、デザインレビューは/wireframe と/evaluate → /present の順です。短いヒアリングを行い、作成に取りかかる前に承認用のアウトラインを提示します。また、そこにある理由を説明できないスライドには異議を唱えます。
このスキルの担当者はNoorです。Noorはプロジェクトを開始し、成果を見せる準備ができたら発表します。