frontend-design 是 Anthropic 的网页设计 Skill,用来指导 AI 做网站、页面和界面组件。页面怎么排、字体怎么选、颜色怎么搭,都是它管的事。
比如你想做一个咖啡店官网,可以把菜单、店铺照片、营业时间交给 AI,让它用 frontend-design 来做页面。你要拿到的是能打开的网页,而不只是一张效果图。
这份 Skill 要求 AI 先想设计,再写代码。咖啡店的首页先展示什么,菜单怎样排才好找,手机上怎么看,得结合这家店的内容来决定。
它还要求 AI 检查自己的方案:这些字体和布局,是为这个页面选的,还是换个项目也会照搬?如果只是顺手用了默认样式,就先修改方案。
所以,已经在用 AI 写网页、却总觉得成品像通用模板的人,可以把它加进来。提需求时,把网页给谁看、想让访客做什么说清楚;有喜欢的参考页面和已经定好的品牌颜色,也一起给它。
每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!