SuperAPI AI 工具集

miniapp-design

设计与创作

查看项目

更新于 10-16 01:31

技能介绍

用途:该技能定义了一套用 Obsidian + AI 直接生成小程序代码的工作流,替代传统 Figma 设计流程,适用于 TeamVenture 小程序的页面设计迭代、UI 组件开发与样式调整。

主要能力:覆盖登录、首页、方案列表、对比、详情、个人资料、home 等页面,按“明确需求→更新设计文档→生成代码→验证”的 SOP 运作。设计文档位于 apps/teamventure/docs/design/miniapp-pages-obsidian.md,样式变量位于 apps/teamventure/design/tokens/,代码位于 apps/teamventure/src/frontend/miniapp/pages/。

使用方式:先确认要修改的页面与修改类型(布局调整、新增组件、交互变更、样式修改),再更新设计文档中对应 section 的 ASCII 布局图、交互细节与数据结构,然后同步修改 WXML、WXSS、JS 三个文件,最后在微信开发者工具中预览。

限制与注意:需先更新文档再改代码,保持设计与代码同步;使用 Design Tokens,避免硬编码颜色和间距;遵循限界上下文;ASCII 图保持简洁。资料未提供具体安装命令、收费方式或授权信息。