s1dashu/moe-ui-skill

Última atividade de origem registrada: 9 de outubro de 2026 às 10:33

Catálogo do SkillsMP atualizado: 12 de novembro de 2026 às 12:52

skills coletadas: 1

Estrelas no GitHub: 97
Forks no GitHub: 13

Instalar com um assistente de IA

Copie este prompt para o assistente de IA que você usa.

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

README do repositório

Arquivo de origem do README: README.md

Ler o README original

Expandir README completo

# 萌 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)

Carregando o README do repositório…

Skills neste repositório

classificação pendente

skill

ocupação

descrição

atualizado

moe-ui-skill

sem classificação

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

Idioma do texto original: chinês

2026-10-09

Mostrando 1 de 1 skills coletadas.