Web & Frontend Agent Skills
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Web & Frontend
1,641 skills
antigravity SEO Images
Audits images on a webpage for SEO and performance, checking alt text, file sizes, formats, responsive images, lazy loading, and CLS prevention.
42.4k
antigravity Expo UI
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.
42.4k · bundle
antigravity Use Dom
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.
42.4k · bundle
antigravity Supabase
Build and manage Supabase projects including Database, Auth, Edge Functions, Realtime, Storage, Vectors, Cron, and Queues with security best practices.
42.4k · bundle
cloudflare Web Perf
Audits web performance by measuring Core Web Vitals (LCP, INP, CLS) and supplementary metrics, identifying render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps using Chrome DevTools MCP.
2.1k
cloudflare Agents Sdk
Build AI agents on Cloudflare Workers using the Agents SDK, covering stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, chat applications, voice agents, and browser automation.
2.1k · bundle
cloudflare Cloudflare
Build and manage applications on the Cloudflare platform, including Workers, Pages, storage, AI, networking, security, and infrastructure-as-code.
2.1k · bundle
cloudflare Turnstile Spin
Set up Cloudflare Turnstile end-to-end: create a widget, deploy a managed siteverify Worker, insert frontend snippets, and validate the integration.
2.1k · bundle
openai Speech
Generate spoken audio for narration, voiceovers, IVR prompts, and accessibility reads using the OpenAI Audio API with bundled CLI and built-in voices.
23.3k · bundle
openai Winui App
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.
23.3k · bundle
openai Playwright
Automate real browsers from the terminal for navigation, form filling, screenshots, data extraction, and UI-flow debugging using a CLI wrapper around Playwright.
23.3k · bundle
openai Aspnet Core
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.
23.3k · bundle
openai Cloudflare Deploy
Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services.
23.3k · bundle
android Android Intent Security
Audit Android component configurations and Intent handling to prevent Intent Redirection and unauthorized access.
6.1k
dotnet Maui Theming
Add light/dark mode, custom branded themes, and runtime theme switching to .NET MAUI apps using AppThemeBinding, ResourceDictionary swapping, and system theme detection APIs.
4k · bundle
dotnet Maui Safe Area
Provides guidance on using the new .NET 10 cross-platform safe area API for edge-to-edge layouts, keyboard avoidance, and migration from legacy iOS-only APIs.
4k · bundle
dotnet Configure Auth
Add authentication and authorization to a Blazor Web App, handling render modes, Identity pages, and auth state serialization.
4k
dotnet Plan UI Change
Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.
4k
dotnet Use JS Interop
Add, review, or fix JavaScript interop in Blazor components, including collocated modules, lifecycle timing, batching, typed wrappers, and disposal patterns.
4k
dotnet Technology Selection
Guides technology selection and implementation of AI and ML features in .NET 8+ applications using ML.NET, Microsoft.Extensions.AI, Microsoft Agent Framework, GitHub Copilot SDK, ONNX Runtime, and OllamaSharp.
4k
dotnet Author Component
Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.
4k · bundle
dotnet Dotnet Webapi
Guides creation and modification of ASP.NET Core Web API endpoints with correct HTTP semantics, OpenAPI metadata, and error handling.
4k
dotnet Collect User Input
Build forms, validate data, and react to user input in Blazor applications.
4k
dotnet Support Prerendering
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.
4k
dotnet Coordinate Components
Share state between Blazor components across render mode boundaries using cascading values, scoped services with change events, or CascadingValueSource via DI.
4k
dotnet Create Blazor Project
Scaffolds new Blazor web applications with the correct render mode, project structure, and authentication setup.
4k · bundle
dotnet Convert Blazor Server To Webapp
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.
4k
expo Expo UI
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.
2.2k · bundle
expo Expo Observe
Add EAS Observe to an Expo project for startup, navigation, and custom-event performance tracking, query metrics via the EAS CLI, and interpret results.
2.2k · bundle
expo Web To Native
Migrate an existing web React app to a native iOS/Android app with Expo, screen by screen, using a strangler fig pattern.
2.2k · bundle
expo Expo API Routes
Create server-side API routes in Expo Router applications and deploy them to EAS Hosting.
2.2k · bundle
expo Native Data Fetching
Implement and debug network requests, API calls, and data fetching in Expo apps using fetch, React Query, SWR, and Expo Router loaders.
2.2k · bundle
google-labs-code Shadcn UI
Integrate and customize shadcn/ui components with full ownership, including discovery, installation, theming, and best practices.
6.4k · bundle
google-labs-code Stitch React Native
Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.
6.4k · bundle
google-labs-code Stitch Code To Design
Convert frontend code (Vite, React, etc.) into a Stitch Design by extracting static HTML, analyzing the design system, and uploading to Stitch.
6.4k
google-labs-code Stitch Loop
Iteratively builds websites using Stitch with an autonomous baton-passing loop pattern.
6.4k · bundle
Frequently asked questions
What are Web & Frontend agent skills?
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Which Web & Frontend skills are most installed?
Popular Web & Frontend skills on SkillMD right now include aspnet-core, stitch-loop, speech. Rankings shift as installs change; sort this page by "Most downloaded" for the live list.
Do Web & Frontend skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds add <owner>/<name>, or copy the file into your agent's skills directory.