Frontend skills

This skill fetches up-to-date Context7 documentation for specified libraries, enabling accurate code examples, setup steps, and API references.

This skill helps you implement web animations using Anime.js v4, covering timelines, SVGs, scroll effects, and draggable interactions.

This skill helps you build accessible, themeable React UI with shadcn/ui and TanStack Form, accelerating component, form, and dialog development.

This skill helps you build reactive Laravel Livewire UIs by guiding component structure, data binding, and secure actions without JavaScript.

This skill helps you navigate Tailwind CSS v4.1 core features, themes, directives, and migration guides to accelerate styling workflows.

This skill helps you build and validate complex TanStack Form UIs in Next.js 16 with server actions, Zod, and shadcn integration.

This skill helps implement responsive layouts and fluid typography using mobile-first patterns, container queries, and adaptive components for scalable UI.

This skill helps you craft layered hero backgrounds with gradient orbs, blur layers, and noise textures, delivering immersive visuals across pages.

This skill guides you through a structured deep-work workflow, creating research and planning artifacts before any non-trivial code changes.

This skill helps you implement Tailwind CSS v4.1 spacing utilities for margin, padding, and inter-element space, speeding consistent UI layouts.

This skill helps you implement Tailwind CSS interactivity utilities to enhance user experience with cursor, scroll, selection, and input styling.

This skill helps you implement type-safe TanStack Router in React apps with file-based routing and validated search params.

This skill helps you implement multi-style components using CVA variants (glass, outline, flat) with dark mode and hover states.

This skill helps you apply and customize Tailwind CSS Typography utilities to control font, text, and decoration across projects.

This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.

This skill ruthlessly analyzes architectural seams to expose coupling, abstraction leaks, and design failures, delivering uncompromising redesign proposals.

This skill helps you design and migrate Next.js apps with App Router, Server Components, and performance best practices.

This skill streamlines Next.js 16 internationalization with next-intl or a DIY approach, delivering type-safe messages, locale routing, and formatting.

This skill helps you master Tailwind CSS borders by detailing border, outline, ring, and divide utilities for precise UI styling.

This skill helps you implement scalable Zustand v5 state management in Next.js 16 App Router for client components.

This skill helps you reveal hidden system behavior with interactive visualizations of state machines, data flows, and event systems.