miniapp-design
✓小程序页面设计与代码生成工作流. 触发场景：用户提到"修改页面"、"更新UI"、"添加组件"、"调整布局"、"生成代码"、"小程序设计"。 适用于: TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整.
Instalación
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 组件开发、样式调整. Fuente: muzhicaomingwang/ai-ideas.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es miniapp-design?
小程序页面设计与代码生成工作流. 触发场景：用户提到"修改页面"、"更新UI"、"添加组件"、"调整布局"、"生成代码"、"小程序设计"。 适用于: TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整. Fuente: muzhicaomingwang/ai-ideas.
¿Cómo instalo miniapp-design?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/muzhicaomingwang/ai-ideas
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01