Agent Skills
返回列表
互选平台设计系统

互选平台设计系统

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 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 错误。