无稿前端界面设计
frontend-ui-ux · 设计与视觉 · 社区
给没有设计稿的前端项目,直接产出好看又好用的界面与交互,从配色到细节一并落地。
这个技能能做什么
- 没有设计稿也能定出界面视觉方案
- 设计并实现表单、列表等常用交互
- 处理空状态、加载与错误提示等细节
- 兼顾可用性与手机端屏幕适配
什么时候用
- 内部工具急着要用,没人有空出设计稿
- 后台系统界面难看,想快速整一版新的
什么时候别用
品牌有严格视觉规范时,应遵循规范而不是自由发挥。
适用场景与行业
配合这些工具用
- v0
- Figma
- Cursor
怎么安装
从公开技能市场获取:https://lobehub.com/skills/code-yeongyu-oh-my-opencode-frontend-ui-ux;下载后放入 ~/.claude/skills/ 或项目内的 .claude/skills/ 目录
来源:https://lobehub.com/skills/code-yeongyu-oh-my-opencode-frontend-ui-ux
原始英文描述(未经改写)
没有设计稿也能做出漂亮 UI/UX 的前端实现能力。