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.

performance-security

Optimize React performance, implement security hardening, and ensure WCAG accessibility compliance with automated patterns and checklists.

shadcn-ui

Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.

react

React component development guide for LobeHub, including styling with antd-style, layout building with @lobehub/ui, and routing management.

ui

Generates UI components, hero sections, and feedback forms with integrated accessibility checks, leveraging specialized design references and quality gates.

frontend-design

Build distinctive, production-grade frontend interfaces and web components with high aesthetic quality, avoiding generic AI design patterns.

slack-gif-creator

Toolkit for generating and optimizing animated GIFs for Slack. Includes frame construction, animation effects, validation tools, and Slack-specific constraints.

fix

Automated code maintenance tool for React developers to resolve linting, formatting, and CI validation errors.