s1dashu/moe-ui-skill

記録された最新のソース活動: 2026年10月9日 10:33

SkillsMP カタログ更新: 2026年11月12日 12:52

収集済み skills: 1

GitHub スター: 97
GitHub フォーク: 13

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

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

リポジトリの README

README の元ファイル：README.md

README の元ファイルを読む

README 全文を表示

# 萌 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 を読み込んでいます…

このリポジトリの skills

分類待ち

skill

職業分類

説明

更新

moe-ui-skill

未分類

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

原文の言語: 中国語

2026-10-09

収集済み skill 1 件中 1 件を表示しています。