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.

infrasity-labs Bundle

Landing Page Auditor

Audits any landing or service page across 48 checks in 10 categories for LLM/AI discoverability, GEO readiness, content clarity, schema markup, internal linking, freshness signals, and technical crawlability. Produces an overall score out of 100, a per-category score out of 100, pass/warn/fail/ manual counts, and a prioritised fix list — all rendered as a standalone HTML report saved to disk. Use when a user provides a URL and asks to audit it, score it, check its GEO readiness, test its AI discoverability, run a landing page audit, or evaluate it for LLM citation potential. Also trigger on phrases like "audit this page", "score this URL", "check GEO for", "is this page AI-ready", "run a GEO audit", "LLM page check", "how would AI read this page", or "landing page score".

Sep 10
infrasity-labs Bundle

Web Design Guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Sep 10
infrasity-labs Bundle

Orphan Pages Internal Linking Opportunities

Audit any domain for orphan blog pages, map internal links across all blog posts, generate keyword-backed interlinking briefs via DataForSEO, and produce a self-contained downloadable HTML report. Invoke with the target domain as the argument.

Sep 10
zwright8 Bundle

AI Assisted Maintenance Predictive Failure Cell

Predict platform/component failures and schedule maintenance actions that preserve readiness under constrained parts and labor.

Sep 10
williamlimasilva Bundle

Publish To Pages

Publish presentations and web content to GitHub Pages. Converts PPTX, PDF, HTML, or Google Slides to a live GitHub Pages URL. Handles repo creation, file conversion, Pages enablement, and returns the live URL. Use when the user wants to publish, deploy, or share a presentation or HTML file via GitHub Pages.

Sep 10
williamlimasilva Bundle

Gsap Framer Scroll Animation

Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snapping, timelines, horizontal scroll, ScrollSmoother, matchMedia) and Framer Motion / Motion v12 (useScroll, useTransform, useSpring, whileInView, variants). Use this skill even if the user just says "animate on scroll", "fade in as I scroll", "make it scroll like Apple", "parallax effect", "sticky section", "scroll progress bar", or "entrance animation". Also triggers for Copilot prompt patterns for GSAP or Framer Motion code generation. Pairs with the premium-frontend-ui skill for creative philosophy and design-level polish.

Sep 10
zwright8 Bundle

U0815 Inclusion Auto Retry And Backoff Coordinator

Build and operate the "Inclusion Auto-Retry and Backoff Coordinator" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U04551 Experiment Design For Accessibility Services

Build and operate the "Experiment Design for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U04552 Experiment Design For Accessibility Services

Build and operate the "Experiment Design for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U04553 Experiment Design For Accessibility Services

Build and operate the "Experiment Design for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U04554 Experiment Design For Accessibility Services

Build and operate the "Experiment Design for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U04555 Experiment Design For Accessibility Services

Build and operate the "Experiment Design for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U0806 Inclusion Counterfactual Simulator

Build and operate the "Inclusion Counterfactual Simulator" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
activer007 Bundle

Project Planning

Generate structured planning documentation for web projects with context-safe phases, verification criteria, and exit conditions. Creates IMPLEMENTATION_PHASES.md plus conditional docs (DATABASE_SCHEMA, API_ENDPOINTS, UI_COMPONENTS, CRITICAL_WORKFLOWS). Use when: starting new Cloudflare Workers/React projects, adding major features to existing apps, breaking large work into manageable phases, or need verified planning before coding begins.

Sep 10
zwright8 Bundle

U0816 Inclusion Failure Root Cause Miner

Build and operate the "Inclusion Failure Root-Cause Miner" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0825 Inclusion Uncertainty Communicator

Build and operate the "Inclusion Uncertainty Communicator" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0805 Inclusion Confidence Calibration Engine

Build and operate the "Inclusion Confidence Calibration Engine" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0818 Inclusion Memory Consolidation Pipeline

Build and operate the "Inclusion Memory Consolidation Pipeline" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0828 Inclusion Incident Playbook Synthesizer

Build and operate the "Inclusion Incident Playbook Synthesizer" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
activer007 Bundle

React Native Setup

Expert in React Native environment setup and configuration. Helps with Node.js, Xcode, Android Studio, watchman installation, CocoaPods, simulators, emulators, and troubleshooting setup issues. Activates for environment setup, installation issues, xcode setup, android studio, simulators, emulators, react-native init, expo init, development environment, SDK configuration.

Sep 10
activer007 Bundle

Sdk Analytics Installer

Use this skill when the user asks to install, configure, or set up @dotcms/analytics, sdk-analytics, analytics SDK, add analytics tracking, or mentions installing analytics in Next.js or React projects

Sep 10
zwright8 Bundle

U0807 Inclusion Goal Decomposer

Build and operate the "Inclusion Goal Decomposer" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0809 Inclusion Resource Budget Allocator

Build and operate the "Inclusion Resource Budget Allocator" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0820 Inclusion Semantic Retrieval Ranker

Build and operate the "Inclusion Semantic Retrieval Ranker" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0823 Inclusion Conflict Resolution Coach

Build and operate the "Inclusion Conflict Resolution Coach" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0829 Inclusion Disaster Recovery Orchestrator

Build and operate the "Inclusion Disaster Recovery Orchestrator" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0830 Inclusion Privacy Preserving Data Broker

Build and operate the "Inclusion Privacy Preserving Data Broker" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0840 Inclusion Continuous Improvement Planner

Build and operate the "Inclusion Continuous Improvement Planner" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U01951 Handoff Contracting For Accessibility Services

Build and operate the "Handoff Contracting for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U01952 Handoff Contracting For Accessibility Services

Build and operate the "Handoff Contracting for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U01953 Handoff Contracting For Accessibility Services

Build and operate the "Handoff Contracting for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U01954 Handoff Contracting For Accessibility Services

Build and operate the "Handoff Contracting for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U01955 Handoff Contracting For Accessibility Services

Build and operate the "Handoff Contracting for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.

Sep 10
zwright8 Bundle

U0814 Inclusion Tool Health Monitor

Build and operate the "Inclusion Tool Health Monitor" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0817 Inclusion Regression Sentinel

Build and operate the "Inclusion Regression Sentinel" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10
zwright8 Bundle

U0837 Inclusion Skill Gap Diagnoser

Build and operate the "Inclusion Skill Gap Diagnoser" capability for Accessibility and Inclusion. Trigger when this exact capability is needed in mission execution.

Sep 10

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 project-planning, react-native-setup, SDK Analytics Installer. 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.