Plugins

CSS Animation patterns - transitions, keyframes, scroll-driven animations, @property, GPU-accelerated properties, accessibility with prefers-reduced-motion

Motion (formerly Framer Motion) animation patterns - motion components, variants, gestures, layout animations, scroll-linked animations, accessibility

View Transitions API patterns - same-document transitions, cross-document MPA transitions, shared element animations, pseudo-element styling, accessibility

from macnversion/skills

WebBench benchmark runner - executes real-world browser tasks from the Halluminate/WebBench dataset, scores via LLM-as-judge, and produces evaluation reports

Apollo Client GraphQL patterns - useQuery, useMutation, cache management, optimistic updates, subscriptions

URQL GraphQL client patterns - useQuery, useMutation, exchange architecture, caching strategies, subscriptions

SWR data fetching patterns - useSWR, useSWRMutation, caching, revalidation, infinite scroll

tRPC type-safe API patterns, procedures, middleware, React Query integration

D3.js data visualization — selections, data joins, scales, axes, shapes, transitions, force layouts, geo projections, framework integration

Recharts composable chart components - LineChart, BarChart, AreaChart, PieChart, ComposedChart, responsive sizing, custom tooltips, animations

Web design & build specialist team — web architect (IA, stack, hosting), UX designer (wireframes, flows, conversion), visual designer (brand, typography, tokens), frontend implementer (HTML/CSS/JS, React, Astro, Next), content strategist (copy, microcopy, SEO content), accessibility auditor (WCAG 2.2 AA/AAA), and performance engineer (Core Web Vitals, image/font optimization). 11 skills (design-system audit, card/tile UI, accessibility review, Core Web Vitals tuning, technical SEO audit, information architecture, conversion design, content audit, design-tokens scaffolding, third-party hygiene, Fluent UI v9 + React implementation), 8 templates, 1 advisory hook, and a knowledge bank seeded with a curated 2026 reference set of "cutting edge yet simple" marketing-site donors (Linear, Vercel, Raycast, Resend, Cursor, v0, Tldraw, Cal.com) — visual-designer / ux-designer / frontend-implementer / web-architect all carry compact inline priors plus a pointer to the full brief. Inherits ravenclaude-core protocols.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit

Skills for high-quality visual / front-end design work.

Web and Expo native-boundary workflows.

Drag and drop with @dnd-kit - draggable, droppable, sortable, collision detection, sensors, accessibility

Extensible text editor framework by Meta

Rich text editor framework with TipTap and ProseMirror

Error boundary patterns, fallback UI, reset/retry, react-error-boundary library, React 19 createRoot error hooks

TypeScript Result/Either types for type-safe error handling, railway-oriented programming patterns, error as values

Comment on page elements/text in your real browser; comments land in Claude Code with a file:line source anchor.

File upload patterns - drag-drop dropzones, chunked/resumable uploads, S3 presigned URLs, file validation (MIME type, magic bytes), progress tracking, image preview, accessibility (ARIA)

Client-side image handling - preview generation, Canvas API resizing, compression, EXIF orientation, format conversion, memory management with object URL cleanup

React Hook Form patterns - useForm, Controller, useFieldArray, validation resolver, performance optimization

TanStack Form patterns - useForm, form.Field, validators, arrays, linked fields, createFormHook, type safety

VeeValidate v4 patterns - useForm, useField, defineField, useFieldArray, schema validation with Composition API

Zod schema validation patterns for TypeScript - schema definitions, type inference, refinements, transforms, discriminated unions

Angular 17-19 standalone components, signals, control flow, dependency injection patterns

Component architecture, hooks, patterns

SolidJS fine-grained reactivity patterns - signals, effects, memos, stores, createResource, control flow components, Suspense, SolidStart