Skills tagged web: 138 agent skills for Claude Code, page 2 of 2

shieldadvanced — Configures AWS Shield Advanced for enhanced Distributed Denial of Service (DDoS) protection: subscribing accounts and adding resource protections.
shipping-and-launch — Prepares production launches. Use when preparing to deploy to production, or when asking what needs to be in place before shipping.
shopify-expert — toml, OAuth, webhooks), and implements Storefront API integrations for headless storefronts.
site-architecture — When the user wants to plan, map, or restructure their website's page hierarchy, navigation, URL structure, or internal linking.
site-md — Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop
slideshow — Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation.
smui
source-driven-development — Grounds every implementation decision in official documentation.
spring-boot-engineer — Generates Spring Boot 3.x configurations, creates REST controllers, implements Spring Security 6 authentication flows, sets up Spring Data JPA repositories.
step-parts — Find, evaluate, and download common purchasable CAD parts from step.parts, including named off-the-shelf actuators, servos, motors, electronics boards.
stitch-loop — Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
stitch::code-to-design — ) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. , requests to "save", "migrate", or "upload").
stitch::extract-design-md — md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.
stitch::extract-static-html — Extract self-contained static HTML from a built web application or React components by inlining CSS and images.
stitch::generate-design — Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP.
systematic-debugging — Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
test-driven-development — Use when implementing any feature or bugfix, before writing implementation code
turnstile-spin — Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.
twitter-reader — Fetch Twitter/X post content including long-form Articles with full images and metadata.
user-personas — Create refined user personas from research data — 3 personas with JTBD, pains, gains, and unexpected insights.
user-segmentation — Segment users from feedback data based on behavior, JTBD, and needs. Identifies at least 3 distinct user segments.
using-git-worktrees — Use when starting feature work that needs isolation from current workspace or before executing implementation plans - ensures an isolated workspace exists via.
using-superpowers — Use when starting any conversation - establishes how to find and use skills, requiring skill invocation before ANY response including clarifying questions
vercel-composition-patterns — React composition patterns that scale.
vercel-optimize — js, SvelteKit, Nuxt, and limited Astro apps.
vercel-react-best-practices — js performance optimization guidelines from Vercel Engineering. js code to ensure optimal performance patterns.
vercel-react-view-transitions — Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`.
verification-before-completion — Use when about to claim work is complete, fixed, or passing.
visual-explainer — Generate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts.
vue-expert — Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps.
vue-expert-js — Creates Vue 3 components, builds vanilla JS composables, configures Vite projects.
waf — Configures AWS WAF to filter web traffic: creating web access control lists (web ACLs) on CloudFront, Application Load Balancers, API Gateway, and AppSync.
web-artifacts-builder — ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
web-design-guidelines — Review UI code for Web Interface Guidelines compliance.
web-perf — Audit, diagnose, or optimize website loading and interaction performance, Core Web Vitals, and Lighthouse performance scores.
webapp-testing — Toolkit for interacting with and testing local web applications using Playwright.
websocket-engineer — IO. Invoke for bidirectional messaging, horizontal scaling with Redis, presence tracking, room management.
wordpress-pro — Develops custom WordPress themes and plugins, creates and registers Gutenberg blocks and block patterns, configures WooCommerce stores.