AI
AIチャットでHTML/CSS生成
Gemini から届く断片的な HTML/CSS をそのままキャンバスに流し込み、編集できる形にするためのフローを備えています。
AI Poster Studio
アイデア生成から仕上げまで、ブラウザで完結。
ルートは紹介用のランディング。実際の編集は /image で開始し、/image/ID を開けば途中からでも続きが作れます。 AI が吐き出した HTML/CSS 断片を Moveable ベースのキャンバスでそのまま再編集。
フロー
01 / プロンプトを送る
Gemini にレイアウトのイメージを伝え、HTML/CSS 断片を生成します。
02 / キャンバスで整える
/image/ID のエディタで Moveable を使って位置やサイズ、スタイルを微調整します。
03 / エクスポートする
PNG・PDF・HTML で出力して完成。ID を残しておけばいつでも再開できます。
Editor
Moveable ベースのエディタ
矩形・楕円・テキスト・画像などの追加や整列、レイヤー管理に対応。ショートカットやグリッドも完備。
Save & Export
ブラウザ保存で再開しやすい
編集内容はローカルに自動保存。/image/ID を開けば続きから編集でき、PNG・PDF・HTML の出力もワンクリック。
/image
新規作成 or 続きから。
URL に ID を付与したままアクセスすれば、ローカル保存されたデザインを引き継げます。