互选平台设计系统
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_9209a79b/wxad-design-huxuan。
技能介绍
解决什么问题
wxad-design-huxuan 面向互选平台(fe_free_trade)的设计与页面工程化请求。它解决的问题不是单个组件问答,而是把“做一个页面、查已有页面、复用 block、审查代码、创建项目”这类分散操作路由到正确的知识包,并避免直接猜规则生成代码。
技能如何工作
- 入口路由:先解析用户意图,再加载对应
GUIDE.md执行,而不是直接回答。 - 工程约束:写代码前限制单次写入规模,修报错先跑
tsc,依赖安装只走公网npm。 - 页面骨架:互选页面统一使用
HuxuanLayout,不自行拼装白色顶栏、导航 Tabs 和账号面板。 - 项目组装:创建项目时读取
MANIFEST.json,按slug选择workshop与blocks,避免全量复制无关依赖。 - 状态反馈:完成后返回
DONE、BLOCKED、NEEDS_CONTEXT等明确状态。
适用边界与注意点
- 适用于互选平台页面、区块、设计规范和项目脚手架场景。
- 不在 ODN 项目中时,需要先创建项目再进入设计分析或页面实现。
- 按需复制时要参考
slug依赖表;例如huxuan-project-delivery才引入echarts-for-react。
使用场景
- 在已有 ODN 项目中,根据 PRD 或设计 Prompt 生成互选页面需求分析并进入实现。
- 创建互选营销日历项目时,只复制对应 workshop 和 blocks,避免无关 ECharts 依赖。
- 审查互选页面是否误用 RuyiLayout 或自行拼装 HuxuanLayout 顶栏。
- 查询互选已有页面 slug、对应文件与依赖 block,定位可复用区块。
适合人员
- 负责互选平台前端页面的工程师,想把 PRD 转成 HuxuanLayout 页面。
- 维护 fe_free_trade 区块的开发者,需要复用 card-tabs 等已有 blocks。
- 做互选项目脚手架的工程负责人,想按 slug 精准复制页面和依赖。
- 审查互选页面规范的前端 reviewer,想检查顶栏、依赖和 tsc 错误。