Agent Skills Hub

web-component-design

掌握 React、Vue 和 Svelte 的组件驱动开发。学习进阶组合模式、CSS-in-JS 策略及用于可扩展 UI 设计系统的组件 API 设计。

testing-frontend

自动化前端组件测试、用户交互模拟、API 模拟，以及设置 Vitest、React Testing Library 与 Vue Test Utils。

frontend-design-review

评估、审核并构建具有高质量设计、符合无障碍标准及设计系统规范的生产级前端界面。

ui-implementer

根据 Figma 或设计稿实现 UI 组件，提供像素级精确度、智能设计验证与自适应代理切换功能。

visual-design-foundations

建立一致的视觉系统，包含设计代币、模块化排版系统、8点间距网格及无障碍色彩规范，以提升 UI 开发的一致性。

frontend-to-backend-requirements

标准化前端沟通，通过记录后端开发人员所需的数据需求与业务规则，确保在不指定实现细节的情况下达成清晰的开发共识。

frontend-ui-animator

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

react-native-design

精通 React Native 样式、导航与 Reanimated 动画。构建高性能、跨平台的原生体验移动应用。

senior-frontend-engineer-react

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

typescript

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

webpack

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

laravel-11-12-app-guidelines

Laravel 11/12 应用程序开发的标准化工作流程与指南，涵盖技术栈检测、依赖管理以及 Laravel Boost 工具的整合。