ui-design

Installation
SKILL.md

UI Design Skill

Prefer the built-in image generation tool when it is available in the current agent/runtime. It is usually simpler, avoids provider drift, and produced landing page mockups at the same quality level as ZenMux in our comparison.

Use scripts/ask_draw.sh only when built-in image generation is unavailable, when the user explicitly asks to use ZenMux, or when you need scripted local output paths. The script uses ZenMux. Default model: openai/gpt-image-2.


Onboarding:开始前先问用户这些问题

如果用户只是泛泛地说“设计一个页面”,先用下面的问题引导用户,收集到足够信息再动手。用户已经给出明确页面、风格或参考图时,可以直接执行,不要为了流程感反复追问。

必问(缺少任何一项都会影响质量)

1. 你想设计哪个页面?这个页面的核心功能是什么? 不能只靠页面名称猜功能——业务理解错了,AI 会画出完全错误的东西。

2. 你有现有的 App 截图或设计稿可以上传吗? 有截图 → 可以保持导航/侧边栏的视觉一致性。没有也可以生成,但每次结果会有差异。

Related skills

More from oil-oil/draw-ui

Installs
9
Repository
oil-oil/draw-ui
GitHub Stars
90
First Seen
Apr 25, 2026