ChatGPTのマークアップ補助ツール作るなら
#ChatGPT
#HTML
#AIとの協働
https://twitter.com/mizchi/status/1711238017984446599
ChatGPTのマークアップ補助ツール作るならこうなりそう
-
Excalidraw
のembedded component で
ラフスケッチ
を書く
- ラフの画像入力とプロンプトでHTML+CSSを生成するように指示する
- 出力結果をHTMLでプレビューしつつhtml2canvas かなにかで画像化
- 生成された画像と一緒に修正を指示
関連
ツールを活用してスタイル自体を変える
CSSを持たない Headless な UI ライブラリと ChatGPT によるマークアップ生成を試してみる