Browse 181,320 skills across 14 categories.
Use this skill whenever the user is building or reviewing any web UI. Accessibility is a baseline requirement, not a nic...
Web accessibility patterns including semantic HTML, ARIA attributes, and keyboard navigation. PROACTIVELY activate for:...
WCAG, ARIA, keyboard navigation
Systematic account-takeover hunting — password reset, email change, session, and linking flaws that seize another user's...
Ground natural language instructions to web UI actions — element identification, interaction planning, and action execut...
Méta-skill orchestrateur pour agence Web - Compose et orchestre les skills métiers (project-management, direction-techni...
Automate web browsing tasks — navigate websites, click buttons, fill forms, extract data, handle logins. Use when asked...
Chrome's built-in Prompt API implementation guide. Use Gemini Nano locally in browser for AI features - session manageme...
Analyze Umami or GA4 traffic with evidence-backed specialist reviews and deliver a concise portfolio pulse, decision bri...
Patterns et bonnes pratiques pour les animations JS (async/await pour algorithmes pas-à-pas, requestAnimationFrame pour...
Scroll and web animation: GSAP ScrollTrigger, Framer Motion, parallax, page transitions, micro-interactions, 60fps. Scro...
CSS Animation patterns - transitions, keyframes, scroll-driven animations, View Transitions API, GPU-accelerated propert...
Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks...
Motion (formerly Framer Motion) animation patterns - motion components, variants, gestures, layout animations, scroll-li...
Use when adding animations, transitions, or motion to web UIs. Covers library selection, CSS animations, Framer Motion,...
View Transitions API patterns - same-document transitions, cross-document MPA transitions, shared element animations, ps...
REST + GraphQL + tRPC API design: OpenAPI 3.1, auth JWT/OAuth2, rate limiting, pagination
(ePost) Use when working with route.ts files, API endpoints, server actions, or web backend logic in the monorepo
Test API endpoints for correctness, edge cases, auth handling, and OpenAPI contract compliance.
Build and deploy web apps to the cloud. Supports React, Vue, Astro, Next.js (static), vanilla HTML/CSS/JS, and serverles...
Pentest a web app or website end to end — black-box testing of a live URL, staging environment, or local dev server that...
Use when testing a web application interactively — verifying a feature, reproducing a bug, or checking a flow in a real...
Gemini 2.5 Computer Use for browser automation with VISIBLE local browser. Watch Gemini AI control your browser in real-...
提供网页应用全栈架构思考框架，涵盖前端渲染策略、后端 API 设计、基础设施部署、安全防护、性能优化五大维度。当需要设计完整 Web 应用、评审网页系统架构、或需要全局视角审视前后端协同设计时使用。支持 SPA/MPA、SSR/CSR、RE...
Comprehensive web application reconnaissance and mapping coordinator that orchestrates passive browsing, active endpoint...
Lead web application penetration testing coordinator that orchestrates comprehensive security assessments by spawning sp...
This skill enables comprehensive testing and debugging of local web applications using Playwright automation.
Generate brand assets and audit web code against best practices - CSS, favicons, social images, exports, React/Next.js p...
Search the Wayback Machine for archived versions of websites. Extract cached pages, customer lists, testimonials, and pa...
Web page archiving and retrieval from cached/deleted sources. Use when accessing unavailable pages, preserving web conte...
Produces a step-by-step archiving plan for preserving a live web page using Wayback Machine and Archive.today, with mult...
Arquitetura do frontend Smaug (web/) — camadas UI → hooks → services → infra, estrutura por feature, política de import...
One line: web enumeration + exploitation tool arsenal for authorized engagements. Trigger signals: port 80/443/8080/8443...
Use when writing, rewriting, or adapting a publication-ready article for a website or blog. Matches the site's editorial...
Suite of tools for creating elaborate, multi-component web applications using modern frontend technologies (React, Tailw...
Modern web development patterns using React + Tailwind CSS + shadcn/ui for building production-quality, accessible, and...
This skill should be used when creating "interactive web components", "live demos", "prototype interfaces", "component s...
web-artifacts-builder
使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的多组件 claude.ai HTML 工件的工具套件。用于需要状态管理、路由或 shadcn/ui 组件的复杂工件—非简单单文件 HTML/JS...
用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 arti...
使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件 claude.ai HTML artifacts 的工具套件。用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifac...
---name: web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (...
Build multi-component React HTML artifacts for claude.ai using Vite, Tailwind CSS 3, and shadcn/ui. Use when the user re...
To build powerful frontend claude.ai artifacts, follow these steps:
Suite of tools for creating elaborate, multi-component self-contained HTML artifacts using modern frontend web technolog...
Simplified Japanese web artifacts builder skill for creating single-file HTML applications with Japanese UI components,...
Use when generating or refactoring UI artifacts. Prefer modular components and consistent styling.
Tracks web application assessment coverage across endpoints, inputs, roles, authentication states, and test families, pr...
Generate favicons, app icons, social media images with WCAG compliance
Skill para gerar assets web a partir de logo ou texto: favicon (multi-size), PWA icons, Open Graph images (Facebook/Twit...
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter...
HTTP/Web exploitation until a server shell or equivalent OS execution. Use after /web-recon has mapped the application....
Production-tested patterns for fault-tolerant browser audio with zero-lag rapid-fire support. Use when implementing soun...
Use when working with Web Audio API. Applies AudioContext management, signal routing, AudioWorklet patterns, and audio c...
Use when generating all game or app sound in code with the Web Audio API — synthesised sound effects, a step sequencer f...
Web Audio API crossfading and gapless playback techniques. Use when implementing audio transitions, crossfades between t...
Authentication patterns for React web applications. Use when implementing login flows, OAuth, JWT handling, session mana...
(ePost) Use when working with authentication, sessions, OAuth providers, feature flags, or provider nesting
Integrate authentication and authorization flows with provider-specific setup and RBAC safeguards.
Attack JWT/session authentication. Load when auth uses a JWT (three base64url parts, header.payload.signature), Authoriz...
Legitimately acquire and KEEP an authenticated session (through MFA/OTP) so you can test the post-auth attack surface, a...
Web automation, debugging, and E2E testing with Playwright. Handles interactive (login, forms, reproduce bugs) and passi...
Guidelines for building backend services, API routes, and data access layers in the /web project using TypeScript, Supab...
Scaffold backend API, data models, ORM setup, and endpoint inventory with OpenAPI output.
HTML, CSS, and how browsers work. Activated when Claude creates or edits .html or .css files. Provides teaching context...
Open a REAL external web page in Kiro Crew's Browser panel. Primary path is the `browser` MCP tool (native panel); playw...
**网页浏览器**。用于访问 URL 获取内容，或生成网页摘要。
Comprehensive macOS browser automation using PyXA, Playwright, Selenium, and Puppeteer for desktop web testing, scraping...
Allows to interact with web pages by performing actions such as clicking buttons, filling out forms, and navigating link...
Guidance on web content analysis, data extraction, and online research techniques for legal and regulatory information g...
Bug-fix playbook for React, Next.js and TypeScript web apps: reproduce (test or browser), root cause, minimal fix, regre...
通用 Web 项目构建工具，自动检测项目类型（Vue、React、Ant Design Pro 等），执行依赖安装和生产构建，生成可部署的静态文件并返回预览链接。
Web build & design specialist for NDestates-io marketing sites, SaaS landings, pricing pages, gated download portals, an...
Find business-logic flaws — abusing intended functionality in unintended ways. Load on workflows with money/quantity/sta...
Trick a CDN/cache into storing a victim's authenticated response at a public URL, then read it. Load on "web cache decep...
Web cache poisoning & deception — get a shared cache to serve attacker content to other users, or trick it into caching...
Web kategorisi SKILL.md — SQLi, XSS, SSRF tarayıcı ve exploit araçları kurma rehberi
Guide users on when to use Claude Code Web vs CLI and seamlessly teleport sessions between environments
Clickjacking / UI redress — frame a target so a victim's clicks hit hidden actions. Load when a page allows framing (no...
Reverse client-side request signing / obfuscated JS so you can replay and fuzz a protected API outside the browser. Load...
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Can...
URL-driven website cloning with visual + functional verification
Creates realistic cloud effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layerin...
Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when wor...
Turn user input that reaches a shell into arbitrary OS command execution. Load when a parameter feeds a system call — pi...
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component arc...
Integrate custom elements seamlessly into the React virtual DOM reconciliation application.
Como escrever componentes de feature e formulários no web do Smaug — props XProps, apresentacional vs container de featu...
Native Web Components, Custom Elements, Shadow DOM encapsulation, and framework-agnostic UI libraries.
Build web components using Custom Elements v1 API with Declarative Shadow DOM, attribute-driven state, handleEvent patte...
Creates reusable custom HTML elements using Web Components standards including Custom Elements, Shadow DOM, templates, a...
Web Component patterns for Oh My Brand! frontend interactivity. Custom element lifecycle, attribute observation, event h...
Create complete web configuration pages following Bob The Skull's aesthetic and patterns. Use when creating new config p...
SEO and AI discovery (GEO) - schema, ChatGPT/Perplexity optimization
Fetch content and search web. Lightweight, no browser required.Use for:- Search for content in the web- Fetching content...
Use when an app needs to fetch and render THIRD-PARTY page content the app doesn't control — a reader mode, article extr...