ui-wireframe-generator
✓此技能使用 .kui 文件语法生成基于文本的 UI 线框。在创建线框、模型或 UI 布局图时使用。该技能通过 katsuragi 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 布局图时使用。该技能通过 katsuragi 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 布局图时使用。该技能通过 katsuragi 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 中使用
这个 Skill 的源码在哪？
https://github.com/enlinks-llc/katsuragi
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-05