ZUKAIを支える
図解レンダリングエンジン

AIの得意な形式で書き、
データに最適な形式で保存する

LLMはSVG/HTMLの学習データが膨大にあり、直接SVGを書くときの精度が圧倒的に高い。 一方、データの保存・検索・バリデーションにはJSONが最適。 この矛盾を解決するのが、SVGとJSONの自動往復変換レイヤーです。

往復変換で情報が落ちないことをロスレス検証で保証。
SVG → JSON → SVG → JSON の完全一致を自動テスト。

AIが「正しい図」を描くための独自ルールエンジン

汎用AIに「図を描いて」と頼んでも、矢印が逆を向き、テキストがはみ出し、色がバラバラになる。 ZUKAIはこの問題を、独自のスキルシステムで解決しています。座標計算、カラー設計、 レイアウト配置、矢印制御、テキストサイジング——あらゆる図解生成の知見が 構造化されたルールとしてAIに注入され、人間のデザイナーが描いたかのような品質を実現します。

5色 × 7段階のカラースケール

ダークテーマに最適化された35色のカラーシステム。 JSONでは意味名（accent-800）で指定し、 レンダラーが実際の色コードに解決します。

JSONから図解を動的に描画

記事データは1つのJSONファイル。テキストも図解もアニメーション定義も同一ファイル内に格納。 レンダラーがJSONを読み、SVGプリミティブに変換し、スクロール位置に応じてアニメーションを実行します。

スクロール連動アニメーション

各要素にミリ秒単位のディレイを設定し、スクロールで画面に入ったタイミングで 段階的にフェードイン。図解の「読む順序」をアニメーションで制御します。