wireframe-skill

用途：将自然语言描述的界面转为结构化线框图，适合视觉设计开始前的低保真快速构思。主要能力：输出两种格式——机器可读的 .wireframe.json 供程序使用，以及单文件交互式 HTML，支持元素拖拽重排和撤销/重做历史。环境要求：仅需 Python 3 与现代浏览器。安装与检测（资料原文命令）：判断是否已安装完整技能，全局执行 grep -q "^das:" ~/.agents/skills/wireframe-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"，项目内执行 grep -q "^das:" .agents/skills/wireframe-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"；无 das: 块则为完整安装，可直接调用。检测作用域：[ -e ~/.agents/skills/wireframe-skill ] && echo "global" || echo "project"。安装：全局用 npx skills add yhassy/wireframe-skill --skill wireframe-skill -g -y，项目内用 npx skills add yhassy/wireframe-skill --skill wireframe-skill -y；在 Claude Code 中可发送以 ! 开头的上述命令而不离开对话。调用名称 wireframe-skill，触发词包括 wireframe-skill、yhassy wireframe、JSON wireframe、interactive wireframe HTML。限制与不适用：不用于带颜色与字体的高保真原型（改用 wireframer），不输出 Excalidraw 格式（改用 excalidraw-diagram），需要 5 个并行 UX 变体时改用 claude-wireframe-skill。收费、价格与具体效果资料暂未提供。