Agent Skills Hub

frontend-app-design

Build distinctive, high-end React Native Expo interfaces using liquid glass design and iOS Human Interface Guidelines for production-grade mobile apps.

nuxt-ui-v4

Production-ready Nuxt UI v4 component library featuring 125+ accessible components, Tailwind CSS v4, Reka UI, and specialized dashboard, chat, and editor layouts.

styler

Converts complex bash commands prone to parse errors into reliable temporary scripts for robust execution.

frontend-design-pro

Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.

react

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

react-native-design

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

build-design-system

Build a cohesive, constraint-based design system using the Design Graph methodology. Automate the creation of design tokens, typography scales, components, variants, and themes.

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.

figma-design-to-code

Convert Figma designs to project-consistent UI code using TemPad Dev MCP for precise markup, styling, and token integration.

make-slide

Generate professional, single-file HTML presentations with speaker notes. Supports themes, layouts, and PPTX export for decks, talks, and pitches.

style-format

Style template specification for AI-driven visual generation, defining artistic direction through standardized markdown templates.

design-system-implementation

Enforce strict UI adherence to your project's design system tokens, components, and layout patterns for consistent frontend implementation.