Agent Skills: page-solution-design

和用户一起敲定一个前端页面的整页方案(三层法:先定这页给用户什么,再定含哪几样怎么排,最后才是长什么样),最后打成一个定稿包(含高保真全状态与交互流程图)交给开发。触发:用户对一个页面说「想重做 / 重新设计 / 整页不对 / 太满 / 说不清具体改哪」,或「我们讨论一下这页怎么设计」。覆盖三种情形:① 已有页面整页重做;②「替换」——新方案占用同一个入口(同一路由 / 同一侧栏条目)且用户拿着现行页面在说话,功能变不变不作判据;把几个同性质页面合成一页、占其中一个入口,也算替换;③ 从零的新页面,走同一套流程,第 0 步的问法按「新页面」那一栏改。不适用于:只改一两处具体元素的具体属性(间距大一点、按钮换色、换个图标)——这种直接改,不必起流程;照着截图或设计图 1:1 复刻;写 PRD / 测试用例(本 skill 的定稿包是它们的输入);没有界面的架构 / 数据 / 流程方案;跨页的信息架构 / 导航分组 / 侧栏结构——本 skill 的作用域限单个页面之内。已有页面补状态(加载 / 空 / 错误 / 未设置):只补一两个且常态布局不动 → 直接改;要成套补齐、或补状态时发现常态布局本身要改 → 用本 skill。

UncategorizedID: yunshu0909/yunshu_skillshub/page-solution-design

Install this agent skill to your local

pnpm dlx add-skill https://github.com/yunshu0909/yunshu_skillshub/page-solution-design

Skill Files

Browse the full folder contents for page-solution-design.

Download Skill

Loading file tree…

Select a file to preview its contents.