Agent Skills Hub

web-component-design

Master component-driven development for React, Vue, and Svelte. Learn advanced composition, CSS-in-JS strategies, and API design for scalable UI design systems.

testing-frontend

Automate frontend component testing, user interaction simulation, API mocking, and setup of Vitest, React Testing Library, and Vue Test Utils.

frontend-design-review

Review, audit, and build production-grade frontend interfaces with high design quality, accessibility standards, and design system compliance.

ui-implementer

Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.

visual-design-foundations

Establish cohesive visual systems using design tokens, modular typography scales, 8-point spacing grids, and accessible color palettes for consistent UI development.

frontend-to-backend-requirements

Standardize frontend communication by documenting data requirements and business rules for backend developers, ensuring clear alignment without dictating implementation details.

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.

react-native-design

Master React Native styling, navigation, and Reanimated animations. Build performant, cross-platform mobile apps with native-quality UX.

senior-frontend-engineer-react

Enterprise-grade React CRUD development skill for React 16.14 and DVA 2.x, featuring automated page generation, form management, and service layer integration.

typescript

TypeScript development standards for LobeHub, covering type safety, async patterns, import organization, UI component integration, and performance optimization.

webpack

Webpack reference tool for frontend developers. Provides guides, troubleshooting, performance tips, and best practices for configuration and project management.

laravel-11-12-app-guidelines

Standardized workflow and guidelines for Laravel 11/12 application development, including stack detection, dependency management, and integration with Laravel Boost tools.