miniapp-design
✓小程序页面设计与代码生成工作流. Beschreibung: 适用于: 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]] |
小程序页面设计与代码生成工作流. Beschreibung: 适用于: TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整。 Quelle: muzhicaomingwang/ai-ideas.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist miniapp-design?
小程序页面设计与代码生成工作流. Beschreibung: 适用于: TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整。 Quelle: muzhicaomingwang/ai-ideas.
Wie installiere ich miniapp-design?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/muzhicaomingwang/ai-ideas
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01