claude-wireframe-skill

用途：针对给定的 UI 问题，启动多智能体线框图流程，产出 5 种不同的 UX 设计方向——1 个扩展既有设计系统的稳妥变体，4 个挑战惯例的探索变体，用于需要发散思考而非单一最优猜测的场景。\n\n主要能力：先扫描代码库，提取持久化的设计上下文（颜色、组件、模式），再生成黑白线框图，随后并行生成彩色变体。触发词包括 "claude-wireframe-skill"、"5 UX approaches"、"exploratory wireframe"、"Magdoub wireframe"。\n\n使用方式：若 SKILL.md 中仍有 das: 块，说明仅为目录占位，需安装完整技能。检测作用域：存在 ~/.agents/skills/claude-wireframe-skill 则为全局，否则为项目级。全局安装执行 npx skills add Magdoub/claude-wireframe-skill --skill claude-wireframe-skill -g -y；项目级安装去掉 -g。在 Claude Code 中以 ! 开头的聊天消息发送命令可在对话内执行。安装后通过技能名调用。\n\n限制：不适用于只需要单个线框图输出的场景（应改用 wireframe-skill 或 wireframer）；不适用于 Excalidraw 图表（应改用 excalidraw-diagram）；也不适合追求快速单次结果、不希望承担并行智能体开销的情况。其余信息暂未提供。