SvelteKit plugins

Apply Vercel's curated React, Next.js, and React Native best practices for performance, rendering, animations, and state management. Deploy and audit Vercel projects, review UI accessibility and design, and check documentation against Vercel writing guidelines.

Build and optimize GSAP animations with AI guidance across React, Vue, Svelte, and vanilla JS — covers tweens, timelines, ScrollTrigger, plugins, performance, and framework-specific patterns.

Optimize Postgres queries and schema designs with Supabase best practices, manage authentication and RLS, and access Supabase documentation via MCP for any Supabase project.

Initialize, develop, and migrate durable workflows with Vercel's Workflow SDK. Set up isolated dev sessions with branch-scoped URLs, install the SDK with auto-detected framework support, and port existing orchestrations from Temporal, Inngest, Trigger.dev, or AWS Step Functions.

Provides a comprehensive suite of Svelte and SvelteKit development commands for scaffolding projects, generating components and tests, debugging, migrating versions, optimizing performance, and integrating Storybook with accessibility audits.

Manage feature flags and controlled rollouts in Next.js and SvelteKit using Vercel's Flags SDK, with support for multiple adapters and the Vercel Flags CLI.

Manage Sanity CMS content, schemas, and queries from Claude Code: design structured content models, write GROQ queries, generate TypeScript types, deploy schemas, migrate content from other CMSes, and implement Visual Editing, SEO, and A/B testing workflows.

Develop Svelte 5 applications with language server support, documentation access, best practices guidance, and automated code fixes for .svelte files and components.

Integrate Better Auth authentication into your project: set up auth config, database schema, and route handlers via interactive wizard; add plugins like 2FA, passkeys, and organizations; diagnose and fix authentication issues including OAuth callbacks and database bindings; explain error codes with solutions.

Integrate WorkOS services including AuthKit, SSO/SAML, Directory Sync, RBAC, FGA, MFA, Vault, and Audit Logs into your full-stack app. Detects frontend frameworks (Next.js, React, SvelteKit), generates backend tokens, wires WorkOS Widgets, and guides migration paths from Auth0/Clerk/Firebase/Supabase/Stytch.

Generate production-ready UI from text prompts or PRDs using Stitch MCP, then export to Next.js, Svelte, React, React Native, or SwiftUI with built-in accessibility audits, design system extraction, and animation support.

Review and build SaaS UIs following 12 research-backed design principles — accessibility, auth flows, data tables, forms, navigation, permissions, error states, performance patterns, theming, notifications, onboarding, and responsive layouts — with actionable code audits and fix suggestions

Build, scaffold, and configure IMG.LY CreativeEditor SDK (CE.SDK) web projects across React, Vue, Svelte, Angular, Next.js, Nuxt.js, SvelteKit, Electron, and Node.js. Looks up framework-specific reference docs, generates explanations with diagrams, and autonomously scaffolds complete photo/video/design editors.

Manage Supabase projects from Claude Code: optimize Postgres queries and schemas, configure Auth and RLS policies, deploy Edge Functions, set up Realtime subscriptions, handle storage and migrations, and interact with client libraries for React, Next.js, and SvelteKit.

Enforce Svelte 5 best practices in SvelteKit projects, including runes ($state, $derived, $effect), load functions, form actions, and SSR patterns, and scan for anti-patterns with file-level diagnostics and severity ratings.

End-to-end SvelteKit development pipeline: convert conversations to issue slices, triage, build features in isolated worktrees, commit, PR, review for SvelteKit patterns, and merge with human approval. Includes visual testing agent.

Engineers interactive frontend experiences with animations (GSAP, Lenis), 3D/WebGL (Threlte), scrollytelling, data visualization (D3, Layer Cake), and design systems (typography, color, spacing). Includes agents for aesthetic direction, technical architecture, visual design implementation, and UX research validation.

Automate SEO and GEO growth engineering: inventory site pages, audit on-page signals, generate landing pages and blog posts via query-fanout, wire semantic internal links, build sitemaps and robots.txt, produce llms.txt, and humanize AI-generated copy.

Turn design prototypes (images/PDFs) into maintainable frontend components using React/Next.js, Vue/Nuxt, or SvelteKit. Builds components incrementally, extracting design tokens and confirming architecture before each generation.

Design and build interactive frontend experiences with animations, 3D/WebGL, scrollytelling, and data visualization using Svelte, Astro, and D3. Includes agents for aesthetic direction, technical architecture, design system implementation, and UX research validation.