Agent Skills Hub

frontend-ui-animator

为 Next.js、Tailwind CSS 和 React 应用程序分析并实现实用且具目的性的 UI 动画，重点在于用户体验、性能与无障碍设计。

threejs-builder

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

react-vite-best-practices

React 与 Vite 性能优化指南。适用于编写、审查或优化基于 Vite 构建的 React 组件。

react-typescript

包含 React 19 与 TypeScript 的生产级开发模式，涵盖 Hooks、状态管理、TanStack Query、Zod 表单验证及性能优化工作流程。

frontend-accessibility-best-practices

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

wayfinder-development

使用 Wayfinder 库管理 Inertia.js React 前端组件中类型安全的 Laravel 后端路由。

typescript

LobeHub 的 TypeScript 开发标准，涵盖类型安全、异步模式、导入规范、UI 组件集成以及性能优化准则。

figma

利用 Figma MCP 服务器获取设计数据、提取资源，并将 Figma 节点转换为符合设计系统规范的 React 与 Tailwind 代码。

svelte-code-writer

用于 Svelte 5 文档查询与代码分析的 CLI 工具。通过实时文档检索与自动修复功能，优化 Svelte 组件的开发、调试与检查流程。

react-native

React Native 开发最佳实践，适用于 Expo 与原生项目。涵盖项目结构、路由导航、NativeWind 样式、平台特定代码及 TypeScript 整合。

widget-tester

“Raamattu Nyt”嵌入式圣经小工具测试专家，专门用于验证嵌入 API 响应、测试引用格式、除错音频集成与生成回归测试页面。

vercel-composition-patterns

用于构建可扩展 React 代码库的组合模式。适用于重构复杂组件、构建灵活的组件库，以及应用复合组件模式或 React 19 架构变更。