Frontend

Generate shadcn/ui screens from plain English with tokens, dark mode, and accessibility baked in.

Generate Playwright E2E tests from user stories, with stable selectors and fixtures.

Generate custom React hooks — debounce, fetch, local-storage, media-query, and more.

Full-stack Next.js 14 App Router: server components, actions, streaming, and ISR.

Build Vue 3 apps with Composition API, Pinia, Vue Router 4, and Vite.

Generate Tailwind CSS components — cards, modals, navbars, forms, and dashboards.

Enforce strict TypeScript: generics, utility types, discriminated unions, and type guards.

Build iOS, Android, and web apps from one Flutter codebase with BLoC and Riverpod.

Build fast SvelteKit apps: file-based routing, SvelteKit actions, and Svelte 5 runes.

Audit and fix WCAG 2.2 AA issues: ARIA, colour contrast, keyboard nav, and screen reader support.

Ship zero-JS static sites with Astro: islands architecture, MDX blog, and Vercel edge.

Build React-based videos with Remotion. From prompt to rendered MP4 in one skill.

Paste a Figma link, get production-ready React + Tailwind components. Pixel-faithful.

Animation choreography for React. Stagger, scroll-link, layout-shift — all wired correctly.

Build 2D and 3D games in Godot. GDScript, scene composition, state machines, export pipelines.

Build a complete design system: tokens, components, docs, themes, accessibility audits.

PR review in Claude. Style, security, perf, tests — with file-by-file inline comments.

Modern Angular: signals, standalone components, RxJS, NgModules-free architecture.

Wrap a web app as native iOS + Android with Capacitor. Plugin access to native APIs without rewriting.

Build SolidJS apps that out-perform React: signals, stores, resources, suspense — done idiomatically.

Remix nested routes, loaders, actions, optimistic UI — the data-mutation patterns React Router 7 keeps.

Qwik + Qwik City — resumable apps with zero hydration cost. The fastest TTI in the React-like world.

Nuxt 3 modules, composables, server routes, Nitro deploys — the Vue full-stack workflow.

Next.js + tRPC + Prisma + NextAuth + Tailwind — end-to-end type safety from DB to UI.

Tailwind v4 design tokens, theme layers, dark mode, and the Figma → Tailwind sync — one source of truth.

Data-dense admin / analytics dashboards: tables, charts, filters, command palettes — without overwhelming users.

Conversion-first landing pages: hero, social proof, features, pricing, FAQ — wireframe to Figma to code.

Custom icon sets: consistent stroke, optical sizing, SVG optimization, React/Vue/Svelte exports.

Generate Claude Artifacts (HTML, SVG, React, Mermaid) the right way — without the common rendering pitfalls.

Generate .cursorrules / .cursor/rules.mdc files that actually teach Cursor your codebase conventions.

The 2026 vibe-coding workflow: idea → spec → Cursor/Claude prompts → working app, the loop tightened.

RSC patterns — server/client boundary, streaming, Suspense, the data-fetching tree that doesn't waterfall.

Server Actions done right — form mutations, optimistic UI, useOptimistic, revalidatePath/Tag.

TanStack Query (React Query) — queries, mutations, optimistic updates, infinite scroll, prefetch.

Zustand stores — slices, persistence, devtools, immer middleware, selectors that don't re-render.

Build custom shadcn/ui components — Radix primitives, CVA variants, theming, dark mode, a11y.

End-to-end typesafe APIs — routers, procedures, middleware, transformers, React Query integration.

Distinctive, production-grade frontend interfaces — design quality, motion, type, color, hierarchy.

UI/UX intelligence for web and mobile — 50+ styles, 161 color palettes, motion patterns, a11y baked in.

React + Next.js performance — RSC patterns, partial pre-rendering, edge config, ISR, Core Web Vitals.

Master Figma Auto Layout — responsive frames, hug/fill, nested layouts, spacing, the parts that confuse everyone.

Set up Figma Variables — modes for light/dark, semantic tokens, scoping, and code-export to CSS/Tailwind.

Ship clean Figma Dev Mode handoffs — specs, tokens, code snippets, annotations devs don't have to guess at.

Build Figma plugins — manifest, UI, plugin API, network access, and publish-to-Community pipeline.

Ship production TanStack Start v1 apps — type-safe file routing, server functions, loaders, streaming SSR, deploy.

Migrate React Native apps and native modules to Fabric, TurboModules, and bridgeless JSI on RN 0.82+.

Migrate v3 to Tailwind v4 Oxide, author CSS-first @theme tokens, wire the Vite/PostCSS plugin, ship shadcn variants.

Figma Dev Mode MCP and Code Connect — pull design context, variables, and component maps to generate design-system code.

Motion (motion/react) — layout/shared-element transitions, gestures, scroll-linked effects, springs, and exit animations.

Author and consume shadcn registries — registry.json, registry:base design systems, namespaced/private sources, and the MCP server.

Author DTCG-format token JSON and build multi-platform outputs with Style Dictionary v4 — CSS, Tailwind, iOS, Android.

Build universal RN + web apps with Expo Router file-based typed routes, +api.ts routes, and EAS Hosting deploys.

Next.js 16 Cache Components — 'use cache', PPR layouts, cacheLife/cacheTag, Turbopack, legacy cache migration.