Agent Skills Hub

Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.

Clear

120 skills found

Engineering
javascript-typescript avatar

javascript-typescript

Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.

Views: 8
EngineeringProductivity
visual-design-foundations avatar

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.

Views: 834,502
EngineeringContent
ui avatar

ui

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

Views: 24633
EngineeringAutomation
development avatar

development

Comprehensive Linux development environment management for compilers, build tools, IDEs, and debugging workflows.

Views: 82
Engineering
react avatar

react

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

Views: 7675,822
EngineeringProductivity
shadcn-ui avatar

shadcn-ui

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

Views: 31255
EngineeringProductivityAutomation
aesthetic avatar

aesthetic

Create aesthetically beautiful interfaces using systematic design principles, AI-driven evaluation, and automated inspiration analysis.

Views: 101
ProductivityEngineering
chatkit-frontend avatar

chatkit-frontend

Implement production-ready AI chat interfaces using OpenAI ChatKit React components. Features include hook configuration, streaming, theming, conversation history, and custom tool integration for Next.js applications.

Views: 10
Engineering
tailwind-config avatar

tailwind-config

Manage Tailwind CSS configuration, custom design tokens, themes, and design system utilities across the monorepo.

Views: 720
EngineeringProductivity
create-frontend-controller avatar

create-frontend-controller

Automates the creation of Magento 2 frontend controller actions with routing, dependency injection, and proper response interfaces, following Adobe best practices.

Views: 513
EngineeringProductivity
figma avatar

figma

Leverage the Figma MCP server to fetch design data, extract assets, and transform Figma nodes into production-ready React and Tailwind code with design system alignment.

Views: 152,245
Engineering
frontend-accessibility-best-practices avatar

frontend-accessibility-best-practices

Accessibility best practices and patterns for React applications to ensure WCAG compliance, semantic structure, and inclusive user experiences.

Views: 183