スキル自身の言葉で
テキストによる説明をレンダリング済みのインフォグラフィックに変換するAntVスキルです。エージェントはAntV Infographic構文を書きます。これはインデントベースのDSLで、1行目にテンプレート名を指定し、データブロックにはtitle、desc、そしてそのテンプレート固有のメインフィールド（リスト、シーケンス、比較、値、ノードと関係、またはroot）を含みます。
themeブロックでは配色、フォント、スタイライズ効果を設定します。バンドルされているテンプレート一覧はlist、sequence、compare、hierarchy、relation、chartの各ファミリーに及び、タイムライン、SWOT、マインドマップ、ロードマップ、クアドラント分析、ワードクラウドをカバーします。エージェントはその後、図を描画してSVGとして書き出す、<title>-infographic.htmlという名前のブラウザ対応HTMLファイルを書きます。
生成されるもの
- AntV Infographic構文そのものです。ユーザーはこれを読んだり、保持したり、再利用したりできます。
- Writeツールで作成された、
<title>-infographic.htmlという名前の完全なHTMLファイルです。 - レンダリングされたページから生成された、完成した図のSVG書き出しです。
仕組み
- 01ユーザーが本当に示したいことを見極める
何よりもまず、このスキルはユーザーのニーズと表現したい情報を読み取ります。これによってテンプレートとデータ構造の両方が決まるためです。
- 02ブリーフが薄い場合は聞き返す
コンテンツの説明が明確で簡潔でない場合、このスキルは内容を創作するのではなく確認を求め、ユーザーがどのテンプレートを望んでいるかも尋ねる場合があります。
- 03コンテンツの形をテンプレートファミリーに合わせる
厳密な順序を持つシーケンスは
sequence-に、意見の列挙はlist-row-またはlist-column-に、二項比較はcompare-binary-に、ツリーはhierarchy-tree-に、クアドラントはcompare-quadrant-にそれぞれ振り分けます。 - 04構造をDSLで表現する
その構造はAntV Infographic構文になります。テンプレート行、title/descとそのテンプレートのメインフィールドを含む
dataブロック、そして任意でthemeブロックが加わります。 - 05HTMLファイルを生成する
この構文は、AntV Infographicのscriptタグ、コンテナ、render呼び出しを含む完全なHTMLドキュメントに挿入されます。
- 06ファイルと構文を返し、調整を提案する
返信には生成されたファイルのパスと構文が含まれ、続けてテンプレート、色、コンテンツの調整を提案します。