miniapp-design
✓小程序页면设计与代码生成工作流. 触发场景：用户提到"修改页면"、"更新UI"、"添加组件"、"调整布局"、"生成代码"、"小程序设计"。 사용 사례: TeamVenture 小程序的页face设计迭代, 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 小程序的页face设计迭代, 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 小程序的页face设计迭代, 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에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/muzhicaomingwang/ai-ideas
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01