Agent Skills Hub

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.

react-typescript

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

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.

react-state-management

Master modern React state management. Learn to implement Redux Toolkit, Zustand, Jotai, and React Query for global, server, and local state.

figma-design-to-code

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

persona

An AI-driven framework for crafting bespoke, authentic portfolio websites from scratch. Guides agents through research, design, and code implementation to build unique developer and professional sites.

frontend-accessibility-best-practices

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

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

shadcn-vite-iconify-landing-page

Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.

create-frontend-controller

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

my-openlayer-helper

Initialize OpenLayers maps, manage layers, and render features including points, lines, polygons, and animated markers using the my-openlayer library.

react-patterns

Implement React 19 patterns: React Compiler, Server Actions, Forms, and new hooks like 'use'. Guide decisions between Actions vs TanStack Query for mutations.