使い方ガイドへスキップ
Baoyu Infographic作者 Jim Liu (Baoyu)

Baoyu Infographic スキル。

すべてのテーマに同じグリッドを当てはめるのではなく、内容に合うかどうかで、比較・階層・プロセス・概要を選びます。

  • インフォグラフィック
  • インフォメーションデザイン
ソースレビュー · Baoyu InfographicSKILL.md
タスク インフォグラフィック 生成物 • ソース由来のラベルとデータを含む構造化コンテンツプラン • 選択したレイアウトとスタイルの組み合わせと、保存されたプロンプト • 選択したアスペクト比で生成されたインフォグラフィック画像 始める前に 利用可能なラスター画像バックエンドと、レイアウト・スタイル・設定のリファレンスが必要です。
編集部による要約 · ソース確認日 2026-10-07 · 生成された例ではありません

01 機能概要

情報に合わせてインフォグラフィックのレイアウトを選ぶ

レイアウトとスタイルを独立して選べ、構造化コンテンツの記録を残す、インフォグラフィックの計画とラスター生成のワークフローです。

ソースに基づくワークフロー実行ベンチマークではありません

作業の進め方

Baoyu Infographic はレイアウトとビジュアルスタイルを分離します。ソースには、比較、サイクル、階層、ジャーニー、空間的な関係、情報量の多いガイド向けの構成が用意されており、それに描画の方向性を組み合わせます。画像生成の前に、学習目標、セクション、ラベル、ソースデータを含む構造化コンテンツを作成します。

最終的な出力は、保存されたプロンプトと分析記録を伴う、生成されたラスターのインフォグラフィックです。ビジュアルな要約に役立ちますが、文字や数値が多い場合は検査のリスクが残ります。プロンプトが正確でも、画像が正確とは限りません。ソースでは、修正はプロンプトの見直しか文字量の少ないレイアウトで行うよう示されており、ビットマップ上の文字をこっそり差し替えることはしません。

期待される成果物

  • ソース由来のラベルとデータを含む構造化コンテンツプラン
  • 選択したレイアウトとスタイルの組み合わせと、保存されたプロンプト
  • 選択したアスペクト比で生成されたインフォグラフィック画像
サンプルブリーフを見る

ブリーフからレビューまで

  1. 01
    事実を構造化する

    学習目標を明確にし、提供された値・用語・関係性を、裏付けのない情報を加えずに保持します。

  2. 02
    ビジュアルの形式を選ぶ

    データの構造に合うレイアウトを比較し、それに適合するスタイル、アスペクト比、言語を選びます。

  3. 03
    描画して照合する

    保存したプロンプトから生成し、画像を受け入れる前に、重要なラベルと値をすべて構造化されたソースと照合します。

02 利用場面

使う場面

利用可能なラスター画像バックエンドと、レイアウト・スタイル・設定のリファレンスが必要です。

適したケース

  • ビジュアルな要約プロセス、比較、概念的なフレームワークを、それだけで完結する形で説明するのに便利です。
  • データが豊富なガイド想定する表示サイズで文字やラベルが読めるなら、意図的に情報を詰め込んだレイアウトにも適しています。

確認すべき制約

  • 編集可能なデータチャートではありません出力はラスター画像であり、スプレッドシートと連動するチャートや、編集可能なベクター要素ではありません。
  • 生成だけではデータは検証されませんソースの値が信頼できるものである必要があり、描画された画像も値ごとに確認する必要があります。

用意する入力

  • 承認済みコンテンツ画像に含めてよい正確な事実、ラベル、数値を提供してください。
  • 読み手に伝える目的グラフィックを見た後、読み手に何を理解してほしいかを説明してください。
  • 表示環境アスペクト比、言語、インフォグラフィックが読まれるサイズを指定してください。

03 重要な判断

重要な判断

  1. レイアウトは関係性に従う

    サイクル、階層、比較にはそれぞれ異なる構成を用い、置き換え可能なカードに無理に当てはめません。

  2. 構造化された中間コンテンツ

    コンテンツプランは、画像モデルが実際に何を描画したかを確認するための具体的な基準になります。

04 依頼例

絞ったブリーフで試す

以下のサンプルブリーフは未テストです。使用する前に、このスキルのセットアップを確認してください。

セットアップを確認する

リファレンス一式をそろえたまま、利用可能な画像バックエンドを設定してください。生成結果は、ソースデータと照らして確認する必要があります。

上流のソースファイル
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md

利用可能なラスター画像バックエンドと、レイアウト・スタイル・設定のリファレンスが必要です。

まず1つの成果物から始める

スキルを実行する前に、このブリーフの範囲、ソース資料、制約を状況に合わせて調整してください。

サンプルブリーフ
baoyu-infographic を使って、提供された3段階のオンボーディングプロセスを説明してください。すべての段階名と数をそのまま保持し、適したレイアウトとスタイルの組み合わせを2つ提案して、確認を待ってください。構造化コンテンツと最終プロンプトを保存し、生成された画像で、欠けているステップ、変更された数値、読めないラベルがないか確認してください。新しい統計は追加しないでください。

結果を確認する

実際の出力を、次の観察可能な基準で確認してください。

  • 選択したレイアウトが、意図した関係性を伝えている。
  • 描画されたラベルと値が、承認済みのソースと一致している。
  • 想定する表示サイズでも、インフォグラフィックが読みやすい。

OpenDesign は、コーディングエージェント向けのローカルデザインワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェアの依存関係が含まれていることを意味するものではありません。

05 ソースとライセンス

ソースとライセンス

このページは、下にリンクされた固定済みのソースリビジョンについて説明しています。上流の動作や要件は変更される場合があります。

ソースの所有者
Jim Liu (Baoyu)
リポジトリ
JimLiu/baoyu-skills
ライセンス
MIT
確認したスナップショット
2026-10-07 · 1567581c26ec
編集部によるソース要約
レイアウトとスタイルを独立して選べ、構造化コンテンツの記録を残す、インフォグラフィックの計画とラスター生成のワークフローです。

リンク先のソースに基づく、OpenDesign によるオリジナルの要約です。リポジトリのスター数は日付つきの人気の指標であり、スキルの利用状況や品質スコアではありません。

06 開始前の質問

始める前の質問

レイアウトとスタイルを個別に選べますか?

はい。この分離がソースの中心的な考え方ですが、実際の適合性と読みやすさが条件になります。

出力は SVG ですか?

いいえ。このワークフローが描画するのはインフォグラフィック画像です。Baoyu Diagram は、SVGを対象とする別のワークフローです。

内容が詰め込みすぎの場合はどうしますか?

生成が完了したというだけで読めないラベルを受け入れず、画像上の文字を減らす、レイアウトを変える、説明を分割するといった対応を取ってください。

OpenDesign

次のデザイン反復の余地をつくりましょう。

ブリーフ、ソース資料、デザイン作業をローカルワークスペースにまとめて保管できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

上流のソースファイル
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md