Progettazione di pagine di mini-programma e flusso di lavoro di generazione del codice Scenari di attivazione: l'utente menziona "modifica pagina", "aggiorna interfaccia utente", "aggiungi componente", "modifica layout", "genera codice", "progettazione mini-programma" Applicabile a: iterazioni di progettazione della pagina del mini-programma TeamVenture, sviluppo di componenti dell'interfaccia utente, modifiche dello stile
Installa rapidamente la skill AI miniapp-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: muzhicaomingwang/ai-ideas.
此 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]] |
Progettazione di pagine di mini-programma e flusso di lavoro di generazione del codice Scenari di attivazione: l'utente menziona "modifica pagina", "aggiorna interfaccia utente", "aggiungi componente", "modifica layout", "genera codice", "progettazione mini-programma" Applicabile a: iterazioni di progettazione della pagina del mini-programma TeamVenture, sviluppo di componenti dell'interfaccia utente, modifiche dello stile Fonte: muzhicaomingwang/ai-ideas.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-designProgettazione di pagine di mini-programma e flusso di lavoro di generazione del codice Scenari di attivazione: l'utente menziona "modifica pagina", "aggiorna interfaccia utente", "aggiungi componente", "modifica layout", "genera codice", "progettazione mini-programma" Applicabile a: iterazioni di progettazione della pagina del mini-programma TeamVenture, sviluppo di componenti dell'interfaccia utente, modifiche dello stile Fonte: muzhicaomingwang/ai-ideas.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill miniapp-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/muzhicaomingwang/ai-ideas