Agent Skills Hub

tailwind-design-system

Build scalable, production-ready design systems using Tailwind CSS v4, featuring CSS-first configuration, design tokens, component variants, and responsive patterns.

design-system-implementation

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

api-spec-analyzer

Analyzes OpenAPI specifications to generate TypeScript interfaces, API service patterns, and implementation guidance for backend-integrated frontend development.

nextjs-app-router

Expert assistant for building modern Next.js 13+ applications using the App Router, including Server Components, nested layouts, streaming with Suspense, and advanced data fetching patterns.

static-site-generation

A framework for managing static site generator (SSG) projects using Astro, including build optimization, GitHub Pages deployment patterns, and type-safe content collection schemas.

i18n-expert

Automate i18n setup, string extraction, and locale parity audits for React/TS codebases. Features framework-aware config, automated audit scripts, and safe string replacement to ensure seamless localization.

pellicule

Pellicule is a Vue-native library for programmatic video generation, allowing you to render deterministic videos, animations, and motion graphics directly from Vue components.

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.

acceptance-testing

Plan, implement, and execute user acceptance tests (UAT) and end-to-end scenarios to validate requirements against user-visible behavior.

my-openlayer-helper

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

project-guidelines-example

A project-specific template skill providing standardized architecture, file structures, coding patterns, and deployment workflows for production-grade AI applications.

react-native-state

Master professional state management in React Native using Redux Toolkit, Zustand, and TanStack Query, including data persistence with AsyncStorage.