ui-wireframe-generator
✓このスキルは、.kui ファイル構文を使用してテキストベースの UI ワイヤーフレームを生成します。ワイヤーフレーム、モックアップ、または UI レイアウト図を作成するときに使用します。このスキルは、カツラギ CLI ツールを介して .kui ファイルを SVG/PNG 画像に変換します。
SKILL.md
Generate text-based UI wireframes using .kui file syntax. Katsuragi converts simple declarative files into SVG/PNG images, serving as a communication medium for UI discussions.
Grid divides canvas equally. A 4x3 grid creates 4 equal columns and 3 equal rows.
| txt | Text label | value, align | | box | Empty container | bg, border | | btn | Button | value, bg | | input | Form input | label | | img | Image placeholder | alt |
このスキルは、.kui ファイル構文を使用してテキストベースの UI ワイヤーフレームを生成します。ワイヤーフレーム、モックアップ、または UI レイアウト図を作成するときに使用します。このスキルは、カツラギ CLI ツールを介して .kui ファイルを SVG/PNG 画像に変換します。 ソース: enlinks-llc/katsuragi。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/enlinks-llc/katsuragi --skill ui-wireframe-generator- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
ui-wireframe-generator とは？
このスキルは、.kui ファイル構文を使用してテキストベースの UI ワイヤーフレームを生成します。ワイヤーフレーム、モックアップ、または UI レイアウト図を作成するときに使用します。このスキルは、カツラギ CLI ツールを介して .kui ファイルを SVG/PNG 画像に変換します。 ソース: enlinks-llc/katsuragi。
ui-wireframe-generator のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/enlinks-llc/katsuragi --skill ui-wireframe-generator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/enlinks-llc/katsuragi
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-05