AI 工具超市

无稿前端界面设计

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 的前端实现能力。

同分类的其他技能