yejy53/Editable-Design

クイックサマリー

Editable‑Design は、Codex Skills – Codex AI アシスタントプラットフォーム用のプラグイン – を提供する GitHub リポジトリであり、大規模言語モデルがポスター、インフォグラフィック、マーケティングキャンペーン、研究論文の図などの完全に編集可能なビジュアルアセットを生成できるようにします。システムは自然言語のプロンプトを受け取り、計画、レンダリング、検証を行う永続的な「コーディングエージェント」を実行し、次のものを出力します：

実際の編集可能なテキストと個別の画像レイヤーを含む構造化された HTML/CSS。
デバイス上での微調整のためのビジュアルエディター。
ステップバイステップの作成プロセスを記録する Agent Design Replay。
オプションの PowerPoint (PPTX) への変換。

リポジトリには 3 つの独立した Skills が含まれています：

Skill	機能	主な出力
`editable-design`	ポスター、インフォグラフィック、マーケティングキャンペーン	HTML、PNG、ビジュアルエディター、レイヤー分解、リプレイ
`paper-fig`	メソッドの説明を編集可能な研究論文のフローチャート/アーキテクチャ図に変換	編集可能な PPTX
`html‑to‑pptx`	既存の HTML デザインを編集可能な PowerPoint ファイルに変換	PPTX

README には、Codex を介して Skill をインストールし、デザインプロンプト（例：「レッサーパンダに関する百科事典スタイルのフィールドガイドを作成」）を入力し、完全に編集可能な成果物を取得する方法を示す 1 ページの「クイックスタート」が含まれています。また、13 のサンプルデザインのギャラリー、短いビデオ概要、および基礎となるアプローチを説明する研究論文（arXiv 2609.04034）へのリンクもあります。

重要性

編集可能な出力 – 画像のみを生成する多くのジェネレーターとは異なり、システムはテキスト、レイアウト、画像を個別の編集可能なコンポーネントとして保持するため、実際のデザインワークフローで役立ちます。
エージェント駆動の作成 – 永続的な LLM エージェントがデザインを計画、レンダリング、修復し、そのアクションはリプレイ用に記録され、透明性と再現性を提供します。
Codex との統合 – 機能を Codex Skill としてパッケージ化することで、既存の LLM アシスタントエコシステムを活用し、ユーザーは自然言語コマンドでデザイン機能を呼び出すことができます。
マルチモーダルエクスポート – HTML を PowerPoint に変換でき、研究論文の図を直接 PPTX として生成できるため、デザインと学術文書を橋渡しします。

はじめに（README より）

Skill をインストール – README に示されているコマンドを実行する Codex タスクを使用するか、スパースチェックアウトでリポジトリを手動でクローンし、提供されている npm ci とフォントキットのスクリプトを実行します。
Codex タスクを実行 – 希望するビジュアルを説明します。エージェントがデザインを生成し、編集可能なアセットを返します。
オプションの PPTX 変換 – html-to-pptx Skill をインストールし、Codex に生成された HTML を編集可能な PowerPoint ファイルに変換するよう依頼します。

プロジェクトステータス

初期リリース（2026‑09‑04） – コア Skills は機能し、文書化されています。
論文とブログ – 研究論文（arXiv 2609.04034）とブログ記事が方法論を説明し、結果を示しています。
ギャラリー – 13 の厳選された例が、システムが生成できるビジュアルスタイルの範囲を示しています。

詳細情報

論文：https://arxiv.org/abs/2609.04034
ブログ：https://yejy53.github.io/Editable-Design/en/blog/genclaw-next/
ギャラリーとデモビデオ：https://yejy53.github.io/Editable-Design/player.html#overview

TL;DR

Editable‑Design は、Codex Skills を介して LLM 駆動の編集可能なビジュアルデザイン生成を提供し、自然言語プロンプトをレイヤー化された HTML または PPTX アセットに変換します。デザイナーはさらに編集できます。