做网页用这Skill定设计方向

创建独特、有设计感的生产级前端界面。

frontend-design 是为网页或组件确定视觉方向并落实界面的 Skill。本文介绍 cline/skills 的版本,它先核用途、受众和技术约束,再统一字体、颜色、空间与交互。

杂志感或工业感要服务页面任务:信息密度、阅读顺序和主要操作都应与场景相配。选了一个风格名字,不能代替真实内容和能使用的界面。

原文倾向避开常见字体与套路,但常见字体本身并不构成设计错误。动画和纹理也要有作用,保留阅读、性能与无障碍条件,克制的界面同样需要细节。

适合把模糊的“做漂亮些”转成明确实现方向。本文未创建页面,主文的 production-grade 是目标,不是上线验证结果;视觉有辨识度以后,仍需核交互是否完成用户任务。

分类:编程开发

来源仓库:cline/skills

适合用来做什么

  • 在Holoscan Sensor Bridge硬件上执行QA测试计划。
  • 请根据提供的测试文档过滤并运行QA测试。

安装 frontend-design

npx skills add https://www.iskills.cc/skills/cline/skills/frontend-design/SKILL.md

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

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

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

浏览全部 Skill 指南