s1dashu/moe-ui-skill

Letzte erfasste Quellaktivität: 9. Oktober 2026 um 10:33

SkillsMP-Katalog aktualisiert: 12. November 2026 um 12:52

gesammelte Skills: 1

GitHub-Stars: 97
GitHub-Forks: 13

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/s1dashu/moe-ui-skill.

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

# 萌 UI Skill 让 AI Agent 帮你做出可爱、有统一风格、真正可交互的 App 与 Web 界面。从视觉探索开始，一步步完成页面设计、插画素材和代码实现。 ## 效果展示六种预设风格：清新蜡笔、奶油彩铅、轻盈水彩、柔软毛毡、极简纸艺、温柔线描。也可以从你提供的参考图或者你的任意灵感开始。 **不同风格效果示例** ![奶油彩铅、轻盈水彩、柔软毛毡、极简纸艺、温柔线描首页预览](assets/style-presets.png) **清新蜡笔风格，完整应用实机截图** ![清新蜡笔风格应用的聊天、回忆、图文详情、萌宝与我们页面](assets/app-showcase.png) ## 核心流程 **灵感生成 → 风格确认 → 多页面生成 → 透明背景素材生成 → 代码实现 → 对照调整** 先选喜欢的风格，确认产品第一页，再扩展其他页面。插画、头像和图标分别生成，文字、布局与交互由真实组件实现，最后对照设计稿调整。 ## 安装 ```bash npx skills@latest add s1dashu/moe-ui-skill ``` 按提示选择 Agent 即可安装，包含全部风格预览与提示词。添加 `--global` 可供所有项目使用： ```bash npx skills@latest add s1dashu/moe-ui-skill --global ``` ## 推荐搭配推荐搭配 **Codex**，或接入 **GPT Image、Gemini Image 等最新生图模型**的 Agent 使用。Agent 需要具备图像生成与编辑、文件操作和代码实现能力。效果取决于 Agent 与生图模型的能力，其他组合的效果不作保证。安装后，可以直接对 Agent 说： > 使用萌 UI Skill，先为我的产品展示几种风格，再生成首页预览。 ## 开源协议 [MIT](LICENSE)

README des Repositorys wird geladen…

Skills in diesem Repository

Klassifizierung ausstehend

Skill

Beruf

Beschreibung

Aktualisiert

moe-ui-skill

nicht klassifiziert

用生图探索应用视觉风格，选定后扩展页面、生成独立透明插画素材，再用真实组件实现并对照调整。适用于萌 UI、插画驱动的 App/Web UI 设计与重设计；单张插画生成或普通局部样式修复不需要完整流程。

Quellsprache: Chinesisch

2026-10-09

Es werden 1 von 1 gesammelten Skills angezeigt.