点击上方卡片关注我👆
设置星标 让我们一起学 AI！
众所周知，AI 在构建 UI 方面，大都是难看的蓝/紫色渐变或是浅白色……
原因在下面的博客说的很清楚了
今天介绍的这个 skill，可以让你的 claude code 在构建 UI 方面提升100倍 👍👍
可以让你的 AI 制作出与众不同的前端页面，而不是难看的蓝/紫色渐变！！！
这来自 Anthropic 早些时候发布的一篇的博客，关于如何通过 skill 改善前端设计，博客链接我放文末了
下面我们来看看如何在 Claude code 中使用这个skill
你可以直接复制这个skill，根据自己的需求进行修改，优化
我就直接使用这个 skill 了
先看下之前的页面是什么样的
你的AI写的页面是不是也是这样？？
看看让这个 skill 设计的前端如何？？
# 添加 Claude code 插件市场
/plugin marketplace add anthropics/claude-code
# 安装前端设计插件
/plugin install frontend-design@claude-code-plugins
可以看到这个skill 已经安装成功
直接让 Claude code 调用 skill 重新设计前端页面
Claude code 先是查看当前的页面，读取文案内容 然后，调用这个前端 skill
生成任务列表以及设计方案
这是 Claude code 更改的内容
效果，自己看吧
博客地址：
https://www.claude.com/blog/improving-frontend-design-through-skills
GitHub地址：
https://github.com/anthropics/skills.git
里面提供好几个 skill，功能也都很强，大伙可以去用用看~
如果你也想使用 Claude，但是不想支付高额的费用，不想承担封号风险 ……
推荐你试一下我们的AI CODE平台
详细介绍及付费兑换，后台回复：cc 查看
或+v：afly813 咨询
目前我们的 AI CODE 平台同时支持 claude code 、 codex以及Gemini ，想体验最强最前沿的 AI 编程，冲就完事了！！🚀
伙伴们，以后写代码，codex和claude都可以爽yy啦！！！
让你的 Claude Code 效率飞起！你只差这个万能公式！！
这才是 AI 编程的最强组合，VSCode + Claude Code 让写代码快到飞起！
【附提示词模板】10个 Claude code 高频提示词模板（可直接复制使用）!建议收藏！！
喜欢的话❤，欢迎点赞、关注一波，后续会持续为大伙分享 工作流、 AI编程等实战干货，让我们一起学 AI！