受够模板网页?这个Skill有设计感

帮你为网页或应用选择独特的视觉风格、配色和字体,避免模板感。

frontend-design 是 Anthropic 的网页设计 Skill,用来指导 AI 做网站、页面和界面组件。页面怎么排、字体怎么选、颜色怎么搭,都是它管的事。

比如你想做一个咖啡店官网,可以把菜单、店铺照片、营业时间交给 AI,让它用 frontend-design 来做页面。你要拿到的是能打开的网页,而不只是一张效果图。

这份 Skill 要求 AI 先想设计,再写代码。咖啡店的首页先展示什么,菜单怎样排才好找,手机上怎么看,得结合这家店的内容来决定。

它还要求 AI 检查自己的方案:这些字体和布局,是为这个页面选的,还是换个项目也会照搬?如果只是顺手用了默认样式,就先修改方案。

所以,已经在用 AI 写网页、却总觉得成品像通用模板的人,可以把它加进来。提需求时,把网页给谁看、想让访客做什么说清楚;有喜欢的参考页面和已经定好的品牌颜色,也一起给它。

每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!

分类:编程开发

来源仓库:anthropics/skills

适合用来做什么

  • 我需要为新产品设计一个用户界面,你能提供一些视觉设计建议吗?
  • 我想重塑现有APP的UI,你能给出一些美学方向吗?

安装 frontend-design

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

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

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

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

浏览全部 Skill 指南