认识你的项目
读懂技术栈、已有页面和素材,
知道哪些要改变,哪些该保留。
不用猜哪种风格“高级”。
从项目本身,找到适合的答案。
读懂技术栈、已有页面和素材,
知道哪些要改变,哪些该保留。
谁在使用?想完成什么?
比“好看一点”更具体地描述设计。
颜色、排版、交互、动效与配图,
形成下一次开发也能使用的 Skill。
点击切换视觉方向。
让颜色、素材与界面一起回应。
主题示意。实际规范由项目背景决定。

基调清晰有力
主色#2459E9
排版明确层级,克制装饰
交互与动效每次变化,都让用户知道发生了什么。
一份项目专属的 SKILL.md 和相关设计规范,记录视觉、交互、动效、图片方向及验证方式,供后续开发复用。
不需要。可以从现有项目、简单想法或喜欢的参考开始。生成器会先澄清影响设计的背景。
当前体验使用浏览器本地模板,支持填写背景并下载 Markdown,不会读取仓库或调用模型。页面中的视觉素材已通过生图模型实际生成。