agent-skills

帮助用户发现并安装 Agent 技能。当用户询问“我该如何做 X”、“寻找关于 X 的技能”、“是否有技能可以...”或表现出扩展能力的兴趣时，应使用此技能。当用户寻找可能以安装技能形式存在的功能时，此技能非常有用。

创建具有高设计水准、生产级的独特前端界面。当用户要求构建 Web 组件、页面、Artifact、海报或应用程序（例如网站、落地页、仪表板、React 组件、HTML/CSS 布局，或对任何 Web UI 进行美化/样式调整）时，应使用此技能。生成富有创意、打磨精细的代码和 UI 设计，避免平庸的 AI 审美。

管理 shadcn 组件和项目——添加、搜索、修复、调试、样式化和组合 UI。提供项目上下文、组件文档和使用示例。适用于使用 shadcn/ui、组件注册表 (registries)、预设 (presets)、--preset 代码或任何包含 components.json 文件的项目。也可由 "shadcn init"、"create an app with --preset" 或 "switch to --preset" 触发。

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最佳性能模式时，应使用此技能。适用于涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务。