Agent 技能库

使用 Playwright 对本地 Web 应用进行自动化测试，可模拟页面操作并检查行为，适合验证界面流程、表单和交互。

指导创建 MCP 服务器，把外部 API 与服务接入支持 MCP 的客户端，适合封装数据源或工具能力，产出服务端实现。

用于构建较复杂的 claude.ai HTML 产物，基于 React 与 Tailwind 组织页面和组件，适合制作可交互的网页演示或原型。

提供网页设计的规范与标准参考，涉及布局、可访问性和视觉一致性，适合在设计或评审页面时作为检查依据。

汇总 React 开发的最佳实践与常用模式，涉及组件设计、状态管理和性能优化，适合审查或改进现有 React 代码。

提供 React Native 的开发实践与性能建议，涉及渲染、长列表和原生交互等常见问题，适合优化移动端应用实现。

汇总 Next.js 的推荐做法与项目模式，适用于路由、数据获取和渲染方式的选型，可辅助搭建或审查 Next.js 应用。

介绍 Next.js 的缓存策略与支持缓存的组件写法，适合处理数据缓存和渲染性能问题，帮助调整页面的缓存行为。

用于把 Next.js 项目升级到较新版本，梳理版本差异与需要修改的配置和代码，适合版本迁移时按步骤完成升级。

汇集 UI/UX 设计模式与最佳实践，用于页面布局、组件设计和交互流程的改进建议，辅助代理在实现界面时做出更合理的设计取舍。

为代理构建界面提供一套有明确取向的设计约束与规范，适合前端页面与组件开发时统一视觉和交互决策，帮助产出更一致的 UI 代码。

介绍现代 SwiftUI 的实践方式与 iOS 26+ Liquid Glass 视觉的接入，适合新界面开发与旧界面迁移，产出符合新系统风格的 SwiftUI 代码。

介绍在 Cloudflare 上构建带状态和 WebSocket 通信的 AI 代理，适合需要实时双向交互的对话或协作类应用。

讲解如何构建远程 MCP 服务器，包含工具定义与 OAuth 授权，适合把内部能力以标准协议开放给 AI 客户端调用。

用于审计网页的 Core Web Vitals 与阻塞渲染的资源，定位加载和渲染性能问题，适合在上线前检查并优化页面速度。

来自 Callstack 的 React Native 性能优化经验，用于列表渲染、启动速度与内存等问题的改进，适合移动端应用调优时参考落地。