home/categories/design/lilpacy-dotfiles-claude-skills-wireframe-builder-skill-md
designcontent-media

wireframe-builder

Web/アプリの画面ワイヤーフレーム(構造・レイアウト・導線)をASCII図とMarkdown注釈で作成するSkill。 「ワイヤーフレームを作って」「画面構成を設計して」「画面のレイアウトを考えて」「UI構造を整理して」「画面の骨組みを作って」 「wireframeを書いて」「画面設計して」「ラフを作って」などの依頼で発動する。 出力はASCIIワイヤーフレーム + 画面注釈(状態・制約・挙動)のMarkdown。モックアップ(見た目重視)やプロトタイプ(動作検証)とは異なる。

lilpacy
maintainer
lilpacy
अपडेट किया गया 1/18/2026
स्टार
0
फोर्क
0
quick start

Installation and usage

Web/アプリの画面ワイヤーフレーム(構造・レイアウト・導線)をASCII図とMarkdown注釈で作成するSkill。 「ワイヤーフレームを作って」「画面構成を設計して」「画面のレイアウトを考えて」「UI構造を整理して」「画面の骨組みを作って」 「wireframeを書いて」「画面設計して」「ラフを作って」などの依頼で発動する。 出力はASCIIワイヤーフレーム + 画面注釈(状態・制約・挙動)のMarkdown。モックアップ(見た目重視)やプロトタイプ(動作検証)とは異なる。

इंस्टॉलेशन
$ install --globalskills.sh
उपयोग

इंस्टॉल करने के बाद, आप टर्मिनल में यह कमांड चलाकर इस स्किल का उपयोग कर सकते हैं:

skills use wireframe-builder