已发布技能 11
web-design-guidelines
检查UI代码的设计合规性
Claude可以根据既定的Web设计指南自动检查UI代码,在部署前发现可访问性问题、可用性问题和最佳实践违规。该技能会获取最新的指南并进行静态分析以识别改进点。
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 组件会导致代码难以维护。本技能提供人工智能就绪的指南,包括复合组件、状态提升和内部组合,以创建可扩展的组件架构。
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 生态系统中发现相关功能,并通过简单的命令进行安装。
agent-browser
自动化浏览器交互以进行Web测试
手动自动化Web交互既耗时又容易出错。Agent-browser提供了一个用于浏览器自动化的命令行界面,支持自动填写表单、截图捕获、Web抓取和端到端测试工作流。