用途：wireframer 用于生成低保真线框图，在进入视觉设计之前确立布局、内容层级与导航结构，强调内容优先，防止过早进行像素级打磨。资料建议在引入 impeccable、ui-craft 等设计技能之前使用。
使用方式：该条目为目录存根，完整技能位于 agilek/wireframer-skill。先判断是否已安装完整技能：全局检查 grep -q "^das:" ~/.agents/skills/wireframer/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"；项目内检查 .agents/skills/wireframer/SKILL.md 的同类命令。若不存在 das: 块，说明已安装完整技能，直接调用即可；若存在 das: 块，则进入安装步骤。
检测作用域：[ -e ~/.agents/skills/wireframer ] && echo "global" || echo "project"。全局安装命令：npx skills add agilek/wireframer-skill --skill wireframer -g -y；项目安装命令：npx skills add agilek/wireframer-skill --skill wireframer -y。在 Claude Code 中，可将上述命令以 ! 开头的聊天消息发送以直接运行。安装后技能名为 wireframer，触发短语包括 "wireframe"、"low fidelity"、"lo-fi mockup"、"UI structure"。
适用场景：产品界面布局规划、用户流程梳理、屏幕架构设计等需要先定结构再定视觉的环节。限制：本页为目录存根，未提供收费、价格、平台、效果等更多细节。