已发布技能 17
web-design-guidelines
检查UI代码的设计合规性
Claude可以根据既定的Web设计指南自动检查UI代码，在部署前发现可访问性问题、可用性问题和最佳实践违规。该技能会获取最新的指南并进行静态分析以识别改进点。
vercel-react-view-transitions
为 React 应用添加原生视图过渡效果
为 React 应用添加流畅的页面过渡效果和共享元素动画需要理解视图过渡 API 及其集成模式。本技能提供来自 Vercel Labs 的逐步指导、CSS 配方和 Next.js 模式。
vercel-react-native-skills
应用 React Native 最佳实践
构建高性能的 React Native 应用需要遵循平台特定的列表、动画和状态管理模式。本技能提供 35+ 条 AI 代理规则，帮助优化移动开发。
vercel-react-best-practices
优化 React 和 Next.js 性能
React 应用程序经常面临性能问题，如不必要的重新渲染、大型打包体积和串行数据获取瀑布流。本技能提供来自 Vercel 工程团队的 45 条优先级规则，帮助消除这些瓶颈，构建高性能的 Web 应用程序。
vercel-composition-patterns
应用 React 组合模式
使用布尔属性构建 React 组件会导致代码难以维护。本技能提供人工智能就绪的指南，包括复合组件、状态提升和内部组合，以创建可扩展的组件架构。
slack
使用浏览器自动化操作 Slack
手动检查 Slack 消息和搜索对话需要时间。此技能通过浏览器自动化自动执行 Slack 交互，无需 API 身份验证或机器人令牌。
vercel-cli-with-tokens
使用令牌认证部署到 Vercel
将 Web 应用程序部署到 Vercel 需要进行认证和项目配置。此技能使你的 AI 助手能够使用访问令牌管理 Vercel 部署，而无需交互式登录提示。
skill-creator
创建 Claude Code 技能
用户需要关于为 Claude Code 创建有效技能的指导。此技能提供了构建、构建和打包技能的综合指南，以及经过验证的最佳实践。
react-best-practices
React 最佳实践
适用于 Claude、Codex 和 Claude Code 的 AI 技能
next-upgrade
Next Upgrade
Claude、Codex 和 Claude Code 的 AI 技能
next-cache-components
使用缓存组件优化 Next.js 性能
Next.js 应用程序经常重复获取数据，导致页面加载缓慢。缓存组件支持部分预渲染和智能缓存策略，可以即时提供缓存内容，同时流式传输动态部分。
next-best-practices
构建生产级 Next.js 应用程序
不再猜测 Next.js 模式，编写可扩展的代码。此技能提供来自 Vercel 的权威指导，包括文件约定、React 服务器组件、数据获取、错误处理和部署最佳实践。
find-skills
发现和安装 Agent 技能
用户常常不知道有哪些技能可以帮助他们完成任务。该技能引导他们从开放的 agent 生态系统中发现相关功能，并通过简单的命令进行安装。
electron
自动化 Electron 桌面应用
通过 Chrome DevTools Protocol 控制 Electron 应用，如 VS Code、Slack、Discord 和 Figma。连接到运行中的桌面应用程序，自动化 UI 交互，并测试原生 Electron 应用。
dogfood
测试 Web 应用程序的缺陷和问题
Dogfood 系统性地探索 Web 应用程序以发现缺陷、用户体验问题和其他问题，生成包含完整复现证据（包括截图和视频）的结构化报告。
deploy-to-vercel
将您的项目即时部署到 Vercel
手动将项目部署到 Vercel 需要时间且必须浏览控制面板。此技能通过自动框架检测和预览 URL 生成，自动化整个部署工作流程。
agent-browser
自动化浏览器交互以进行Web测试
手动自动化Web交互既耗时又容易出错。Agent-browser提供了一个用于浏览器自动化的命令行界面，支持自动填写表单、截图捕获、Web抓取和端到端测试工作流。