Agent Skills Hub

senior-frontend-engineer-react

企业级 React CRUD 开发技能，专注于 React 16.14 与 DVA 2.x。提供自动化列表页生成、表单管理与 API 服务层整合。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 代码，包含辅助功能、响应式布局及完善的状态处理。

threejs-builder

使用现代 ES 模块构建高性能 Three.js 网页场景。涵盖场景图设置、灯光、几何体、GLTF/GLB 模型加载、动画循环以及性能优化最佳实践。

pix

一个自动化的 UI 实现代理，利用 Figma MCP 和浏览器渲染验证，将 Figma 设计转换为像素级精确的代码。

jupyter-notebook-testing

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

figma-design-to-code

使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码，精确处理标记、样式与设计标记整合。

frontend-accessibility-best-practices

React 应用程序的无障碍最佳实践与模式，确保符合 WCAG 标准，优化语义结构并提供包容性的用户体验。

webgl-expert

WebGL 1.0/2.0 开发专家指南：涵盖 GLSL 着色器、3D 图形、GPU 编程、渲染管线、缓冲区及 Web Canvas 性能优化。

ui-design-system

专业 UI 设计系统工具包，涵盖设计代币生成、组件架构、响应式设计计算及开发人员交接文档，确保视觉一致性。

react-doctor

分析并审核 React 项目的安全性、性能、正确性与架构问题，并提供可执行的诊断报告与评分。

webpack

Webpack 前端开发参考工具。提供配置指南、故障排除、性能优化技巧及最佳实践，协助开发者高效管理前端构建项目。

vue-typescript

专为使用 TypeScript 构建 Vue 3 应用程序所设计的技能，涵盖组合式 API (Composition API)、Pinia 状态管理、Vue Router 以及自定义组合式函数 (Composables)。