全部Skills
共有 11 个 skills
本页显示 11 个 skills
find-skills
当用户提出诸如“我该如何做X”、“找一个能做X的技能”、“有没有可以……的技能”这类问题，或者表达出扩展功能的兴趣时，帮助用户发现并安装Agent技能。当用户寻求可能作为可安装技能存在的功能时，就应该使用本技能。
vercel-react-best-practices
来自Vercel工程团队的React和Next.js性能优化指南。在编写、评审或重构React/Next.js代码时应使用本指南，以确保采用最优的性能模式。适用于涉及React组件、Next.js页面、数据获取、包优化或性能提升的任务。
web-design-guidelines
检查UI代码是否符合Web界面指南规范。当用户要求“审查我的UI”、“检查可访问性”、“审核设计”、“审查UX”或“对照最佳实践检查我的网站”时使用。
remotion-best-practices
Remotion最佳实践 - 基于React的视频创作
frontend-design
创建具有高设计质量、与众不同的生产级前端界面。当用户要求构建Web组件、页面、制品、海报或应用（例如网站、着陆页、仪表盘、React组件、HTML/CSS布局，或者对任何Web UI进行样式设计/美化）时，使用此技能。生成富有创意、经过打磨的代码和UI设计，避免通用AI美学风格。
agent-browser
面向AI Agent的浏览器自动化CLI工具。当用户需要与网站交互时使用，包括页面导航、表单填写、点击按钮、截图、数据提取、Web应用测试或任何浏览器任务自动化。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“从页面抓取数据”“测试这个Web应用”“登录网站”“自动化浏览器操作”或任何需要程序化Web交互的任务。
vercel-composition-patterns
可扩展的React组合模式。适用于重构存在大量布尔型props的组件、构建灵活的组件库或设计可复用API的场景。适用于涉及复合组件、渲染属性、上下文提供者或组件架构的任务。包含React 19 API变更内容。
skill-creator
创建高效Skill的指南。当用户想要创建新Skill（或更新现有Skill），以通过专业知识、工作流或工具集成扩展Claude的能力时，应使用本Skill。
vercel-react-native-skills
构建高性能移动应用的React Native和Expo最佳实践。适用于构建React Native组件、优化列表性能、实现动画或使用原生模块的场景。当涉及React Native、Expo、移动性能或原生平台API的任务时触发。
browser-use
自动执行浏览器交互操作，可用于网页测试、表单填写、截图和数据提取。当用户需要导航网站、与网页交互、填写表单、截取屏幕或从网页提取信息时使用。
ui-ux-pro-max
UI/UX 设计智能工具。包含50种风格、21种配色方案、50组字体搭配、20种图表、9种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。支持的操作：规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构、检查UI/UX代码。适用项目：网站、着陆页、仪表盘、管理面板、电商平台、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。设计元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单、图表。设计风格：glassmorphism、claymorphism、极简主义、粗野主义、neumorphism、bento grid、深色模式、响应式设计、拟物化设计、扁平化设计。相关主题：配色方案、无障碍设计、动画、布局、排版、字体搭配、间距、悬停效果、阴影、渐变。集成功能：shadcn/ui MCP 组件搜索与示例。