miniapp-design
✓小程序页面设计与代码生成工作流。 触发场景：用户提到"修改页面"、"更新UI"、"添加组件"、"调整布局"、"生成代码"、"小程序设计"。 适用于：TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整。
SKILL.md
此 Skill 定义了 Obsidian + AI 直接生成代码 的标准操作流程，替代传统的 Figma 设计流程。
| 页面设计文档 | apps/teamventure/docs/design/miniapp-pages-obsidian.md | 所有页面的结构化描述 | | Design Tokens | apps/teamventure/design/tokens/.json | 颜色、间距、字体等样式变量 | | 小程序代码 | apps/teamventure/src/frontend/miniapp/pages/ | WXML/WXSS/JS 源码 |
| login | Identity & Session | User | [[login]] | | index | Planning | PlanRequest | [[index]] | | myplans | Planning | Plan | [[myplans]] | | comparison | Planning | Plan | [[comparison]] | | detail | Planning | Plan, SupplierContactLog | [[detail]] | | profile | Identity + Planning | User + 读模型 | [[profile]] | | home | 展示层 | - | [[home]] |
小程序页面设计与代码生成工作流。 触发场景：用户提到"修改页面"、"更新UI"、"添加组件"、"调整布局"、"生成代码"、"小程序设计"。 适用于：TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整。 来源：muzhicaomingwang/ai-ideas。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 miniapp-design？
小程序页面设计与代码生成工作流。 触发场景：用户提到"修改页面"、"更新UI"、"添加组件"、"调整布局"、"生成代码"、"小程序设计"。 适用于：TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整。 来源：muzhicaomingwang/ai-ideas。
如何安装 miniapp-design？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/muzhicaomingwang/ai-ideas
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01