设计页面用这Skill串交接

帮你做界面设计、交互设计和用户体验优化。

ui-ux-designer 是组织界面与用户体验设计流程的 Skill。它从问题和场景出发,经过信息结构、原型与验证,再把资源、标注和规范交给开发。

先说用户要完成什么,再画页面。错误、加载和空状态与正常状态一起设计,组件的反馈与恢复方式也要说明,否则高保真画面容易掩盖任务没走通的问题。

颜色、字号和间距示例提供起点,不是品牌规范已经成立。原文的触点尺寸、断点和动效时长需结合平台、可访问性和内容核,不能作为所有产品的统一硬值。

适合把一次设计工作串成有交接的过程。本文未访谈用户、做原型或测试,列出的工具不证明已经连通;开发还原后仍需看实际使用路径,视觉一致不等于体验问题都已解决。

分类:设计创作

来源仓库:lotosbin/claude-skills

适合用来做什么

  • 请为我设计一个用户友好的移动应用界面。
  • 我需要改进现有网站的用户体验,你能提供建议吗?

安装 ui-ux-designer

npx skills add https://www.iskills.cc/skills/lotosbin/claude-skills/ui-ux-designer/SKILL.md

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

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

查看 ui-ux-designer 的用途与原始说明

浏览全部 Skill 指南