woostack-design 是一个布局规范类技能,用于把多步骤用户流程、屏幕序列和界面旅程整理为清晰、标准化、横向分布的空间布局。它只负责布局标准,执行由调用方提供的工具上下文负责。
用途:梳理用户流程、屏幕顺序与多步骤界面设计,让流程的推进与分支通过空间排列和一致的相对节奏呈现,而不是通过连线或修改画框内容表达。
主要能力:
- 流程分组:每个流程放入一个独立父分组,包含标题、描述、主步骤序列及相关分支;标题置于步骤序列上方,描述紧随标题下方。
- 主序列:主步骤画框从左到右按顺序横向排列,相邻画框保持统一相对水平间距;保留原画框尺寸、宽高比与视觉样式,不缩放、不重设样式、不改内部内容。每个真实屏幕画框需有清晰外边缘背景,已有背景定义屏幕边缘时保持不变,否则仅补画框级背景;不给流程分组、序列行、分支行、标题、描述、标签或画布区域加背景。
- 分支与分叉:替代路径、错误分支与分叉放在其源头序列正下方的独立横向行中;分叉行按来源步骤顺序自上而下排列,同一来源的分叉保持原有相对顺序,嵌套分叉位于其自身来源序列下方。同一阶段或结果的步骤在主序列与分支行中对齐到同一列,按含义而非行内序号匹配。分叉首帧有等价步骤时使用该步骤列,否则对齐到其分支来源步骤正下方。后续画框按主序列水平间距节奏从左到右推进,跳过步骤留空列,分支专属步骤在受影响行中保留列;等价步骤对齐优先于占用画框间的均匀间距,并保持各路径步骤顺序。来源序列与每个分支行之间保持明显相对垂直间距。每个分叉的第一个屏幕左侧紧邻放置一段简短的分支条件或触发说明,说明位于屏幕画框之外,并为说明预留空间而不使屏幕偏离对齐列。所有分支行与说明均留在父流程分组内。
- 多流程排列:同一画布上多个流程分组垂直堆叠,留出清晰间距并计入所有分支行,避免流程重叠。
使用方式:通过命令 /woostack-design [target] 将上述布局标准应用到目标流程。
硬性约束:仅使用相对定位、统一间距与列对齐,不依赖固定数值尺寸或像素坐标;除屏幕边缘不清时所需的画框级背景外,不改变颜色、字体、画框尺寸或既有视觉外观;不创建箭头、连接线或链接向量,顺序与关系由空间对齐和横向阅读顺序建立;不包含工具专属 API、MCP 绑定、平台插件、脚本、模板或外部资源。
限制:该技能本身不执行流程或界面操作,实际执行依赖调用方提供的工具上下文;资料未提供具体支持平台、安装方式、收费或价格信息。