Web & Frontend

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.

sisodiabhumca Bundle

Architecture Map Builder

Use to build a service / component map from a GitHub or GitLab monorepo or set of repos. Detects services, languages, internal dependencies (HTTP/SDK/import), and emits a Mermaid diagram + a service catalog YAML.

Sep 17
sisodiabhumca Bundle

Regulatory Guardrail Checker

Use to screen a feature spec or product change for compliance risks across GDPR, CCPA, HIPAA, PCI-DSS, SOC2, and accessibility (WCAG 2.2). Produces a risk register and required-controls checklist before launch.

Sep 17
sisodiabhumca Bundle

Accessibility Alt Text Auditor

Vendor-neutral skill to audit image alt-text coverage and basic quality heuristics for accessibility.

Sep 17
saeed-vayghan Bundle

Vue Expert

Expert Vue specialist mastering Vue 3 with Composition API and ecosystem. Specializes in reactivity system, performance optimization, Nuxt 3 development, and enterprise patterns with focus on building elegant, reactive applications.

Sep 17
saeed-vayghan Bundle

Typescript Pro

Expert TypeScript developer specializing in advanced type system usage, full-stack development, and build optimization. Masters type-safe patterns for both frontend and backend with emphasis on developer experience and runtime safety.

Sep 17
saeed-vayghan Bundle

Context Manager

Expert context manager specializing in information storage, retrieval, and synchronization across multi-agent systems. Masters state management, version control, and data lifecycle with focus on ensuring consistency, accessibility, and performance at scale.

Sep 17
saeed-vayghan Bundle

Mobile Developer

Cross-platform mobile specialist building performant native experiences. Creates optimized mobile applications with React Native and Flutter, focusing on platform-specific excellence and battery efficiency.

Sep 17
saeed-vayghan Bundle

React Specialist

Expert React specialist mastering React 18+ with modern patterns and ecosystem. Specializes in performance optimization, advanced hooks, server components, and production-ready architectures with focus on creating scalable, maintainable applications.

Sep 17
arbazkhan971 Skill

Webperf

Web performance optimization. Lighthouse, bundle analysis, code splitting, image optimization, critical CSS, fonts, service workers, CDN.

Sep 17
arbazkhan971 Skill

Tailwind

Tailwind CSS mastery. Configuration, custom plugins, responsive design, dark mode, performance, CVA.

Sep 17
roedyrustam Skill

Tauri Expert

Expert skill for Tauri (v2) development, Rust backend, IPC, and security / Panduan ahli untuk pengembangan Tauri v2, Rust backend, IPC, dan keamanan.

Sep 17
roedyrustam Bundle

UI UX Pro Max

Comprehensive design guide & BM25 search engine for web and mobile applications across 11 tech stacks / Panduan desain komprehensif & mesin pencari BM25 untuk aplikasi web dan mobile di 11 tech stack.

Sep 17
roedyrustam Bundle

Senior Frontend

Frontend development for React 19, Next.js 15, TypeScript, and Tailwind CSS v4 / Pengembangan frontend dengan React 19, Next.js 15, TypeScript, dan Tailwind CSS v4.

Sep 17
roedyrustam Skill

Tailwind Expert

Expert guide for Tailwind CSS v4, CSS-first configuration, @theme customization, and modern responsive design / Panduan ahli untuk Tailwind CSS v4, konfigurasi CSS-first, kustomisasi @theme, dan desain responsif modern.

Sep 17
nimadorostkar Skill

Web Performance

Use when improving page load or runtime performance. Covers Core Web Vitals, bundle and asset optimization, rendering strategy, caching headers, and measuring on real hardware rather than a fast laptop.

Sep 17
nimadorostkar Skill

Document Conversion

Use when converting between document formats. Covers HTML to Markdown, document to Markdown, PDF generation from HTML, and preserving structure through a conversion rather than losing it.

Sep 17
nimadorostkar Skill

Frontend Architecture

Use when structuring a frontend codebase. Covers module and folder organization, state boundaries, data-fetching layers, build configuration, and keeping a large application navigable.

Sep 17
jokerman89 Skill

Make PDF

Convert URL, markdown file, or HTML to PDF via managed Chromium.

Sep 17
jokerman89 Skill

Design HTML

Generate a single-file static HTML mockup from a brief — opens with /open-managed-browser.

Sep 17
jokerman89 Skill

Generate Web

Produce brand-compliant static HTML or Next.js scaffold for demo/landing page.

Sep 17
jokerman89 Skill

Design Review

6-pillar visual review of frontend changes — screenshot via /browse, scored findings.

Sep 17
jokerman89 Skill

Design Shotgun

Parallel design exploration — spawn N variants of a seed HTML, present side-by-side.

Sep 17
jokerman89 Skill

Frontend Motion

Frontend design-director sub-skill — picks motion-language (GSAP/Lenis/Theatre/Rive/Motion-One) + scroll-trigger-config + smooth-scroll-config + key-animations-spec. Solo-invokable.

Sep 17
jokerman89 Skill

Frontend Shader

Frontend design-director sub-skill — picks shader library (Paper Shaders / OGL / react-three-fiber / Lygia) + visual thesis + GLSL snippet references + perf-budget. Solo-invokable.

Sep 17
jokerman89 Skill

Plan Design Review

UI/UX gaps review for plans with a frontend surface. Skip for backend/infra/CLI-only work.

Sep 17
jokerman89 Skill

Frontend Style Extract

Pattern-level extraction sister to generate-style-learn. Reads artifacts (URLs, screenshots, .tsx files) → extracts layout-grammar + motion-language + interaction-patterns + component-library-fingerprint + shader-thesis → writes ~/.lintel/brand/design-patterns/<name>/. Solo-invokable.

Sep 17
roedyrustam Bundle

Fullstack Expert

Expert-level fullstack development guide covering multi-language (TypeScript, Python, Go, Rust), multi-framework (Next.js, FastAPI, Gin, Axum), API design, microservices, DevOps, and system design / Panduan fullstack tingkat ahli mencakup multi-bahasa (TypeScript, Python, Go, Rust), multi-framework (Next.js, FastAPI, Gin, Axum), desain API, microservices, DevOps, dan system design.

Sep 17
roedyrustam Skill

Spa Orchestrator

Orchestrates Single-Page Application (SPA) architecture, integrating frontend state management with API-driven backends / Mengorkestrasi arsitektur Single-Page Application (SPA), mengintegrasikan state management frontend dengan backend berbasis API.

Sep 17
roedyrustam Skill

Mobile Expo Expert

Expert guide for React Native 0.79+ and Expo SDK 53+ development. Covers cross-platform mobile architecture, Expo Router v4, New Architecture, OTA updates, and native modules / Panduan ahli pengembangan React Native 0.79+ dan Expo SDK 53+ untuk aplikasi mobile.

Sep 17
roedyrustam Skill

Bootstrap To Modern

Expert skill to refactor and migrate legacy Bootstrap CSS applications to modern stacks using Tailwind CSS v4 and Alpine.js / Skill ahli untuk melakukan refaktor dan migrasi aplikasi Bootstrap CSS lama ke stack modern menggunakan Tailwind CSS v4 dan Alpine.js.

Sep 17
roedyrustam Skill

Vue Frontend Expert

Expert guide for Vue 3 (Composition API), Nuxt 3, and Pinia. Covers advanced reactive state management, `<script setup>` syntax, Vue Router, VueUse, and SPA/SSR architectural patterns in English and Indonesian.

Sep 17
roedyrustam Skill

UI Components Expert

Expert guide for building production-quality UI components following the 4 pillars. Covers React 19, Radix UI, Base UI, Tailwind v4, Material Design 3 (M3), WCAG 2.2 / Panduan ahli membangun komponen UI berkualitas produksi dengan M3.

Sep 17
roedyrustam Skill

Tanstack Query Expert

Advanced TanStack Query (v5) expert. Covers useSuspenseQuery, infinite scrolling, optimistic mutations, SSR/React Server Components hydration, and advanced cache invalidation / Pakar manajemen state asinkron menggunakan TanStack Query (React Query) v5 dan Next.js App Router (SSR).

Sep 17
roedyrustam Skill

Astro Framework Expert

Expert guide for Astro 5+ framework — Content Collections, Islands Architecture, View Transitions, partial hydration, and MDX integration / Panduan ahli framework Astro 5+ — Content Collections, Islands Architecture, View Transitions, partial hydration, dan integrasi MDX.

Sep 17
roedyrustam Skill

Form Validation Expert

Expert guide for complex form handling with React Hook Form, server-side validation (useActionState + Zod), multi-step wizards, and accessible form patterns / Panduan ahli penanganan formulir kompleks dengan React Hook Form, validasi server-side, wizard multi-langkah, dan pola formulir aksesibel.

Sep 17
roedyrustam Skill

Legacy Code Translator

Methodological guide for the AI Agent to safely and systematically translate, refactor, and modernize giant legacy codebases (PHP, Python 2, old React) into modern stacks.

Sep 17

Frequently asked questions

What are Web & Frontend agent skills?

Which Web & Frontend skills are most installed?

Popular Web & Frontend skills on SkillMD right now include fullstack-expert, mobile-expo-expert, vue-frontend-expert. Rankings shift as installs change; sort this page by "Most installs" 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@latest add <owner>/<name>, or copy the file into your agent's skills directory.