前端界面设计
frontend-design创建高质量前端界面,避免 AI 生成的通用风格。支持 React、Vue、Svelte 等框架,注重设计美感和创意。
安装命令
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills 更新命令
/plugin update example-skills 触发场景
请求创建网页、组件、界面时触发
示例
# 创建登录页面
> 设计一个现代风格的登录页面,使用 React + Tailwind
# 创建仪表盘
> 设计一个数据分析仪表盘,暗色主题
# 创建着陆页
> 为 SaaS 产品设计一个吸引人的着陆页 常见问题(FAQ)
Q1 前端界面设计 是什么?
前端界面设计(frontend-design)是一个面向 Claude Code 的技能,核心用途是:创建高质量前端界面,避免 AI 生成的通用风格。支持 React、Vue、Svelte 等框架,注重设计美感和创意。
Q2 前端界面设计 怎么安装?
在 Claude Code 环境中执行安装命令即可:/plugin marketplace add anthropics/skills /plugin install example-skills@anthropic-agent-skills
Q3 前端界面设计 适合什么场景?
请求创建网页、组件、界面时触发
Q4 新手可以直接用 前端界面设计 吗?
可以。当前难度标记为 intermediate,建议先按示例命令跑通一次,再结合自己的项目调整。