Agent Skills Hub

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.

threejs-builder

Build performant Three.js web scenes using modern ES modules. Includes scene graph setup, lighting, geometries, GLTF/GLB loading, animation loops, and performance optimization best practices.

react-vite-best-practices

React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite.

react-typescript

Production-grade React 19 and TypeScript patterns featuring hooks, state management, TanStack Query, form validation with Zod, and performance optimization workflows.

frontend-accessibility-best-practices

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

wayfinder-development

Manage type-safe Laravel backend routing within Inertia.js React frontend components using the Wayfinder library.

typescript

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

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.

svelte-code-writer

CLI tools for Svelte 5 documentation lookup and code analysis. Automate Svelte component creation, debugging, and linting with real-time documentation retrieval and code autofixing.

react-native

React Native best practices for Expo and bare workflow. Supports project structure, navigation, NativeWind styling, platform-specific code, and TypeScript integration.

widget-tester

Expert assistant for testing the Raamattu Nyt embeddable Bible widget, validating API responses, testing reference formats, and debugging audio integration.

vercel-composition-patterns

React composition patterns for scalable codebases. Refactor complex components, build flexible libraries, and implement compound components or React 19 architecture patterns.