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