界面概念用这Skill理层级

根据产品需求生成高保真的 UI/UX 设计稿和线框图。

muapi-ui-design 是把产品要求整理成界面视觉方案的 Skill。它按受众、功能、平台和层级写设计简报,再交给图像生成工具做概念稿。

主文用原子设计组织界面:先想按钮、输入框这类小元素,再组成导航和内容区。字号、间距与颜色要一致,信息的重要性也应在布局里体现。

图像式概念稿不是可运行页面,画了重复按钮也没有真正建立组件系统。写“符合 WCAG”更不能代替对比度、键盘和辅助技术检查;玻璃效果与固定浏览路径也不适合所有产品。

适合探索视觉方向并讨论层级。最终文字、响应式行为与交互仍要在实现中核,指定生成模型不能保证小字准确。本文未读取底层脚本或出图,不把生成简报当成已交付网站。

分类:设计创作

来源仓库:samuraigpt/generative-media-skills

适合用来做什么

  • 使用原子设计原则为一款健身应用设计高保真UI原型。
  • 为金融科技Web应用生成一个符合原子设计原则的UX原型。

安装 muapi-ui-design

npx skills add https://www.iskills.cc/skills/samuraigpt/generative-media-skills/muapi-ui-design/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 muapi-ui-design 的用途与原始说明

浏览全部 Skill 指南