Frontend Frameworks Agent Skills

Build ultra-fast web APIs and full-stack apps with Hono, a lightweight framework that runs on Cloudflare Workers, Deno, Bun, Node.js, and any WinterCG-compatible runtime.

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.

Apply functional programming patterns with fp-ts in React, covering state management, form validation, and data fetching for React 18/19 and Next.js 14/15.

Generate award-level landing pages with cinematic GSAP motion, gapless bento grids, and strict AIDA structure.

Build full-stack web applications with SvelteKit — file-based routing, SSR, SSG, API routes, and form actions in one framework.

Build production-ready WordPress sites with theme and plugin development, WooCommerce integration, performance optimization, and security hardening, including WordPress 7.0 features.

Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app.

Use Expo DOM components to run web code in a webview on native and as-is on web, enabling incremental migration of web code to native.

Build and manage applications on the Cloudflare platform, including Workers, Pages, storage, AI, networking, security, and infrastructure-as-code.

Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and CommunityToolkit components.

Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web development. Covers Blazor, Razor Pages, MVC, Minimal APIs, Web APIs, SignalR, gRPC, middleware, DI, configuration, auth, testing, performance, deployment, and upgrades.

Add authentication and authorization to a Blazor Web App, handling render modes, Identity pages, and auth state serialization.

Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.

Add, review, or fix JavaScript interop in Blazor components, including collocated modules, lifecycle timing, batching, typed wrappers, and disposal patterns.

Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.

Guides creation and modification of ASP.NET Core Web API endpoints with correct HTTP semantics, OpenAPI metadata, and error handling.

Build forms, validate data, and react to user input in Blazor applications.

Fix interactive Blazor components that break during prerender: duplicate data loads, null references, UI flicker, and state loss. Persist state across the prerender-to-interactive handoff, disable prerendering, exclude pages from interactive routing, and detect prerender vs interactive at runtime.

Share state between Blazor components across render mode boundaries using cascading values, scoped services with change events, or CascadingValueSource via DI.

Scaffolds new Blazor web applications with the correct render mode, project structure, and authentication setup.

Converts a pre-.NET 8 Blazor Server app into a .NET 8+ Blazor Web App by updating project files, migrating entry points, and adopting new render modes.

Build native UI with @expo/ui: real SwiftUI on iOS and Jetpack Compose on Android, rendered from React in Expo or React Native apps. Covers universal cross-platform components, drop-in replacements for community libraries, and platform-specific SwiftUI and Jetpack Compose trees.

Implement and debug network requests, API calls, and data fetching in Expo apps using fetch, React Query, SWR, and Expo Router loaders.

Integrate and customize shadcn/ui components with full ownership, including discovery, installation, theming, and best practices.

Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.

Convert frontend code (Vite, React, etc.) into a Stitch Design by extracting static HTML, analyzing the design system, and uploading to Stitch.

Iteratively builds websites using Stitch with an autonomous baton-passing loop pattern.

Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.

Convert per-page styled HTML prototypes into Edge Delivery Services blocks and content pages, then deploy via DA.

Generate React Spectrum UI components for Adobe Experience Cloud Shell SPAs and AEM UI Extensions, including pages, forms, data tables, dialogs, and navigation.

Search reference implementations and code examples from Adobe's Block Collection and community Block Party for AEM Edge Delivery blocks, plugins, and build tools.

Creates a new Angular application using the Angular CLI, following modern best practices and generating components, services, and other artifacts.

Generates Angular code and provides architectural guidance for projects, components, services, reactivity, forms, dependency injection, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

Migrate React string refs (ref="name" + this.refs.name) to React.createRef() in class components for React 18.3.1 and 19 compatibility.

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases, covering components, composables, and stores with behavior-first assertions.