miniapp-design
✓小程序页面设计与代码生成工作流。 触发场景：用户提到"修改页面"、"更新UI"、"添加组件"、"调整布局"、"生成代码"、"小程序设计"。 适用于：TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整。
Installation
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 组件开发、样式调整。 Source: muzhicaomingwang/ai-ideas.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is miniapp-design?
小程序页面设计与代码生成工作流。 触发场景：用户提到"修改页面"、"更新UI"、"添加组件"、"调整布局"、"生成代码"、"小程序设计"。 适用于：TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整。 Source: muzhicaomingwang/ai-ideas.
How do I install miniapp-design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/muzhicaomingwang/ai-ideas
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01