前提
LLMとUIを共同設計する際、Figmaやスクリーンショットを共有するのが一般的だが、 これはトークン消費が大きく、LLMの修正提案も「文章で説明」になってしまう。
ASCIIワイヤーフレームの利点
+--[header]------------------+
| frogworks404 |
| 記録開始: 2024.01 |
+----------------------------+
| [FILTER] all / build-log / |
+----------------------------+
| 2025.06.10 [build-log] |
| タイトルがここに入る |
| 概要テキスト... |
+----------------------------+
- トークン効率 — 同じ情報を画像より少ないトークンで伝えられる
- 修正のしやすさ — LLMがテキストとして直接編集できる
- 曖昧さの排除 — レイアウト意図を構造で示せる
実装（ASCIIwire）
この考えを実装に落としたのが ASCIIwire。 マークダウンベースのDSLからASCIIアートを生成するCLIツール。