Wireframe Builder

Web/アプリの画面ワイヤーフレームを、ASCIIアート図 + Markdown注釈で作成するSkill。

Goals

• ユーザー要件から画面の構造・レイアウト・導線を設計する
• ASCII図で視覚的にレイアウトを表現する（色・装飾より構造優先）
• 注釈で仕様（状態、制約、挙動、エッジケース）を明確化する
• 実装前に要件漏れ・矛盾を炙り出せる粒度で出力する

Non-goals

• 色・フォント・画像などのビジュアルデザイン（→ モックアップの領域）
• 動作するプロトタイプの作成
• 実装コードの生成

Inputs（入力の期待形式）