概要

ASCIIwireは、AI・人間の両方が扱いやすいテキストベースのワイヤーフレームDSL。 マークダウン記法で入力し、ASCIIアートのワイヤーフレームを出力する。

設計方針

  • マークダウン構文採用 — LLMの出力安定性が最高
  • 厳格なインデント不要 — AI出力の不安定さを防止
  • 人間が手で編集しやすい記法

コンポーネント構成

@asciiwire/cli        ← 公開済み
vscode-extension      ← 開発中
mcp-server            ← 計画中

スタック

コンポーネント技術
CLITypeScript + NPM
VSCode拡張TypeScript
MCPサーバー(予定)TypeScript

VSCode拡張 仕様(予定)

  • デュアルペイン: DSLテキストエディタ + ASCIIプレビュー
  • コピーモード複数対応(用途別)
  • マウスベース編集(将来版)

きっかけ

LLMとUIを共同設計する際、Figmaやスクリーンショットを共有するのはトークン消費が大きく、修正提案も「文章で説明」になってしまう。ASCIIワイヤーフレームなら同じ情報を少ないトークンで伝えられ、LLMがテキストとして直接編集できる。