Agent Skills Hub

webperf

一套用于测量、审计和调试网页性能指标（包含核心网页指标、加载速度与交互延迟）的综合工具组，可直接在 Chrome 开发者工具中使用。

create-mcp-app

为 Claude Desktop 等 MCP 主机建立互动式应用程式。提供 React、原生 JS 及多种框架模板，协助您开发整合 MCP 工具与自定义 UI 的应用程式。

react-native-best-practices

React Native 性能优化指南，涵盖 FPS、TTI、Bundle 大小、内存泄漏与分析模式，基于 Callstack 的专业最佳实践。

performance-security

优化 React 性能、实施安全性加固，并通过自动化模式与检查清单确保符合 WCAG 无障碍规范。

elegant-design

使用 React、Next.js 和 shadcn/ui 等现代设计系统，构建专业、易用且具响应式的界面。专注于开发者工具、聊天界面及实时流式组件。

proofreader-api

将浏览器原生 Proofreader API 集成至网页应用，提供 AI 驱动的文本校正、语法检查与语言支持，并包含受控的模型生命周期管理。

jupyter-notebook-testing

在浏览器中使用 Jupyter Notebook 交互式测试 Adobe EDS 区块。支持 ES6 导入、覆盖层预览、响应式设备测试及零依赖执行环境。

looped-builder

将大型且复杂的编程任务拆解为可执行的阶段性计划，并透过 Claude 驱动的 Bash 循环进行自动化实现与部署。

qstash-js

使用官方 Upstash QStash JavaScript/TypeScript SDK 来管理无服务器消息传递、任务调度与 Webhook 验证。

react-ui-patterns

标准化的 React UI 模式，用于处理加载状态、错误处理与数据获取，确保一致的用户体验与稳固的组件架构。

frontend-app-design

构建独特、高品质的 React Native Expo 界面，运用液态玻璃设计与 iOS 人机界面准则，打造工业级移动应用。

reactive-ui-patterns

用于远程数据获取的响应式 UI 模式，通过 .current 属性实现流畅的原位更新、保持滚动位置并有效管理加载状态。