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