Agent Skills·Category ·Web
Category · 10,559 skills

Web agent skills

Front-end and full-stack web skills — React, Vue, CSS, accessibility, performance — that encode how your agent should build and review web UIs across any client.

Browse all 10,559 Web skills →

Web
Global Chat
Cross-protocol agent discovery across MCP, A2A, and agents.txt. Searchable directory of 18K+ MCP servers and agents with a free agents.txt validator and MCP server for programmatic…
hermesawesome-hermes-agentproductionmcp
Web
Hermes Connector
Connects an exact Hermes profile and session to user-selected Chrome tabs through a local companion and authenticated loopback broker.
hermesawesome-hermes-skillsproductionchrome
Web
dev-gtm-claude-skills
Cross-platform agent skills for SEO, GEO (Generative Engine Optimization), AI discoverability, and developer marketing.
hermesawesome-hermes-agentproductionseo
Web
hermes-studio
Web dashboard for multi-platform chat, session management, scheduled jobs and usage analytics.
hermesawesome-hermes-skillsproductionvue3
Web
chainlink-agent-skills
Official Chainlink skills. Oracle data, CCIP, smart contract interaction.
hermesawesome-hermes-skillsproductionchainlink
Web
Zoom
Zoom API integration with managed OAuth. Manage meetings, webinars, recordings, and user profiles. Use this skill when users want to schedule meetings, manage webinars, get meeting…
openclawzoommeetingswebinars
Web
wp-block-theme-converter
Convert any HTML/CSS/JavaScript project into a production-ready WordPress Block Theme (Full Site Editing) with Interactivity API, Block Bindings, per-block CSS, and WordPress 6.5+ …
claude-codecodexcursorgemini-cliwordpressblock-themefse
Web
3d-scroll-website
Build premium 3D scroll-animated websites from scratch — the full pipeline from Next.js setup through canvas frame-sequence animations, smooth scroll, neumorphic design, and deploy…
claude-codecodexcursorgemini-cli3dnextjsanimation
Web
using-firebase
Comprehensive Firebase development guidance for GCP-hosted applications. Covers Firestore database operations (CRUD, queries, transactions, data modeling), Cloud Functions (1st and…
claude-codecodexcursorgemini-clifirebasefirestorecloud-functions
Web
motion-dev-animations
Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects. Use when user requests animation, motion, scroll…
claude-codecodexcursorgemini-clianimationreactmotion
Web
web-api-docs
Canonical web-platform reference — HTML, CSS, JavaScript, DOM/Web APIs, HTTP, SVG, MathML, ARIA, WebAssembly, glossary — fetched from github.com/mdn/content. Auto-activates wheneve…
claude-codecodexcursorgemini-cliweb-apishtmlcss
Web
dev-inspector
Pick elements in the running dev app's browser and hand them to Claude. When the user refers to "this button", "that card", "the element I just clicked", or anything they've select…
claude-codebrowserdominspection
Web
naver-openapi-helper
Generate Python code for Naver Open APIs (News Search, Blog Search, Web Search, Datalab Trends, Image Search, Book Search, and other openapi.naver.com APIs). Use this skill wheneve…
claude-codecodexcursorgemini-clinaveropenapipython
Web
clone-app-pat-pro
Clones any web app pixel-for-pixel from a URL. Runs as an IN-CONVERSATION workflow — the live Claude orchestrates Task sub-agents and drives the Claude Chrome extension to recon (e…
claude-codecodexcursorgemini-cliclonepixel-perfectweb-app
Web
odoo-19.0
Odoo 19 development knowledge base with 18 specialized guides covering Actions (ir.actions.*, cron jobs, server actions), Controllers (HTTP routing, endpoints, auth types), Data fi…
claude-codecodexcursorgemini-cliodoopythonorm
Web
odoo-17.0
Odoo 17 development reference for Python models and ORM (search, domain, read_group, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, recor…
claude-codecodexcursorgemini-clilang:pythonodoopython
Web
odoo-18.0
Odoo 18 development reference for Python models and ORM (search, domain, read_group, compute fields), XML/CSV data and views, OWL/JS client code, QWeb reports, security (ACL, recor…
claude-codecodexcursorgemini-clilang:pythonodoopython
Web
intake-form-bootstrap
Scaffold a Ruby on Rails intake-form web app with a JSON-driven multi-step wizard, admin-editable Claude reviewer prompt, Stimulus front end, Google Places address autocomplete, an…
claude-coderailsrubyintake-form
Web
add-locale
Add a new UI language/locale to the claude-code-gui webview i18n system, or extend/verify an existing one. Walks a contributor (or agent) through creating the per-namespace transla…
claude-codecodexcursorgemini-clii18nlocaletranslation
Web
modals
Use when editing Modal.jsx, useFlipModal, AddInnerModal, ConfirmCancelButtons, ErrorModal, SuccessModal, FilterModal, HelpModal, SelectMenu, profileModal/*, or when adding a new mo…
claude-codecodexcursorgemini-clireactmodalsgsap
Web
steedos-builtin-objects
Steedos platform built-in objects reference (~93 objects). TRIGGER: lookup/master_detail field referencing built-in object; built-in object names, fields, relationships; core entit…
claude-codecodexcursorgemini-clisteedoscrmobjects
Web
steedos-translations
Steedos i18n: .translation.yml and .objectTranslation.yml files. TRIGGER: .translation.yml, .objectTranslation.yml files; Chinese/English labels for objects, fields, list views, bu…
claude-codecodexcursorgemini-clisteedosi18ntranslation
Web
route-handler-design
Use when designing or reviewing Next.js Route Handlers (route.ts): when a Route Handler is right vs Server Actions or Server Components, the HTTP-method-as-export contract, Web-sta…
claude-codecodexcursorgemini-clitype:reviewnext.jsroute-handlers
Web
seo
Comprehensive SEO analysis for any website or business type. Full site audits, single-page analysis, technical SEO (crawlability, indexability, Core Web Vitals with INP), schema ma…
claude-codecodexcursorgemini-cliseoaudittechnical-seo
Web
alt-text-headings
Alternative text and heading structure specialist for web applications. Use when building or reviewing any page with images, icons, SVGs, videos, figures, charts, or heading hierar…
claude-codecodexcursorgemini-clitype:reviewaccessibilityalt-text
Web
lvntr-kit-frontend
Activate when writing or editing Vue pages under resources/js/pages/Admin/**, using @lvntr components such as SkForm, SkDatatable, SkTabs, AppDialog, AvatarUpload, PageLoading, or …
claude-codecodexcursorgemini-clivueadmindatatable
Web
capacitor-google-auth
Implement native Google Sign-In for Capacitor mobile apps. Use this skill whenever the user needs Google authentication in a Capacitor app, is dealing with OAuth issues in a WebVie…
claude-codecodexcursorgemini-clicapacitoroauthgoogle-auth
Web
steedos-webapps
Custom React + Vite webapps in Steedos packages (webapps/ directory). TRIGGER: webapps/ directory, React + Vite SPA; custom amis Renderer components (IIFE, amisRequire, ScopedConte…
claude-codecodexcursorgemini-clisteedosreactvite
Web
flutter-l10n-translator
Expert in Flutter internationalization (i18n) and localization (l10n). Use when working with ARB files, extracting hardcoded strings from Dart code, adding translations to multiple…
claude-codecodexcursorgemini-cliflutteri18nl10n
Web
featbit-sdks-react-native
Expert guidance for integrating FeatBit React Native SDK in mobile React Native and Expo applications. Use when user asks about "React Native SDK", "React Native feature flags", "F…
claude-codecodexcursorgemini-clifw:reactreact-nativefeatbit
Web
expressive-mvc
Class-based reactive state management for React (Expressive MVC). Use when writing or refactoring React state - converting useState/useEffect/useMemo hooks, fixing prop drilling, c…
claude-codecodexcursorgemini-clireactstatemvc
Web
artifact-builder
Build interactive HTML artifacts for the Telegram Mini App. Use for ANYTHING that benefits from being visual/interactive: recipes (with portion calculators), shopping lists (with l…
claude-codecodexcursorgemini-clitelegramhtmlinteractive
Web
extension-developer
Activates for extending models, controllers, XMLViews, tables, or Twig templates without altering source code. Handles controller hooks (createViews, loadData, execPreviousAction),…
claude-codecodexcursorgemini-clierplibrexmlcontrollers
Web
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applicat…
claude-codecodexcursorgemini-clifrontendreacthtml
Web
heading-optimizer
Audit and optimize headings across AEM Edge Delivery Services pages for search intent, hierarchy, and consistency. Extracts all headings (H1-H6), evaluates uniqueness, keyword alig…
claude-codecodexcursorgemini-clitype:auditaemseo
Web
block-migration
Port custom blocks between AEM Edge Delivery Services projects. Analyzes a block's dependencies including shared CSS variables, utility functions, and external libraries. Identifie…
claude-codecodexcursorgemini-clitype:integrationaemedge-delivery
Web
bitrix-components
Covers Bitrix component development including class.php, .parameters.php, .description.php, template.php, result_modifier.php, component_epilog.php, caching via startResultCache/en…
claude-codecodexcursorgemini-cliphpbitrixcms
Web
featbit-sdks-react
Expert guidance for integrating FeatBit React Client SDK in React web applications. Use when user asks about "React SDK", "React feature flags", "FeatBit React", "useFlags hook", "…
claude-codecodexcursorgemini-clireactfeatbitfeature-flags
Web
grow-website
Transforms an under-converting site into a research-driven growth engine by orchestrating eight specialized skills in sequence—cro-methodology, scorecard-marketing, storybrand-mess…
claude-codecodexcursorgemini-clicromessagingmarketing
Web
opensea
Query NFT and token data, trade NFTs on Seaport, swap ERC20 tokens via DEX aggregator, configure wallet signing providers, and build/register/gate AI agent tools on Base. Covers th…
claude-codecodexcursorgemini-clinftopenseaseaport
Web
streamdown
Guidance for Vercel's Streamdown library, a streaming-optimized react-markdown replacement. Use for rendering AI-generated markdown from useChat/streamText, building chat UIs, migr…
claude-codecodexcursorgemini-clicloud:vercelfw:reactreact
Web
url-structure
Optimize URL structure, fix URL issues, or plan URL hierarchy. Also use when the user mentions "URL structure," "URL optimization," "slug," "clean URLs," "URL hierarchy," "URL path…
claude-codecodexcursorgemini-clitype:generatorurl-structureseo
Web
wm-add-page
Scaffold a new page in a WaveMaker-generated Angular project. Creates the 6 standard WaveMaker page files, registers the route, adds a NavigationVariable action, wires a sidebar li…
claude-codecodexcursorgemini-cliangularwavemakerrouting
Web
dz-oneffice-kit
Shared DOM plumbing for ONEFFICE (Duzon web word editor) that exposes a single `window.OF` library for iframe navigation, edit-mode detection, HTML injection, bracket alignment, do…
claude-codecodexcursorgemini-clidomiframejavascript
Web
fedify
Builds and integrates ActivityPub federation servers with Fedify, covering the Federation builder, actor/inbox/outbox dispatchers, inbox listeners, @fedify/vocab objects, key manag…
claude-codecodexcursorgemini-clicloud:cloudflarefw:sveltelang:javascript
Web
next-statecraft
Architects state architecture for Next.js App Router apps: placement across server, URL, cookies, cache, and stores; modeling with normalization and derived values; React 19 primit…
claude-codecodexcursorgemini-clinext.jsreactstate
Web
coss
Helps implement coss UI components correctly. Use when building UIs with coss primitives such as buttons, dialogs, selects, forms, menus, tabs, inputs, and toasts, migrating from s…
claude-codecodexcursorgemini-cliuicomponentscoss
Web
grabjs-superapp-sdk
API reference for `@grabjs/superapp-sdk`. Use when building a MiniApp that runs in the Grab SuperApp WebView and needs to call native features (camera, payments, authorization, aut…
claude-codecodexcursorgemini-clijavascriptmobilesdk
Web
start-middleware
Compose cross-cutting server logic for TanStack Start with createMiddleware — request vs server function middleware, chaining via .middleware([...]), shared context with next({ con…
claude-codecodexcursorgemini-clitanstack-startmiddlewareserver
Web
takeroot-ui-mvp
UI Take Root implements MVP with passive View and plain-C# Presenter via CoreEntryPoint.InitPresenters. Uses UniRx reactivity, SerializedDictionary binding, toggle panel groups, an…
claude-codecodexcursorgemini-cliunitycsharpunirx
Web
optel-interpreter
Translate Adobe Operational Telemetry (OpTel) Explorer data into actionable recommendations for AEM Edge Delivery Services sites. OpTel Explorer provides real user monitoring data …
claude-codecodexcursorgemini-cliaemcore-web-vitalsrum
Web
wordpress-performance-best-practices
WordPress performance optimization guidelines for plugin, theme, and custom code development. This skill should be used when writing, reviewing, or refactoring WordPress PHP code t…
claude-codecodexcursorgemini-cliwordpressphpperformance
Web
featbit-sdks-javascript
Expert guidance for integrating FeatBit JavaScript Client SDK in browser environments. Use when user asks about "JavaScript client SDK", "browser feature flags", "FeatBit JS", "van…
claude-codecodexcursorgemini-clilang:javascriptjavascriptfeatbit
Web
publish-site
Publish a gm-apprentice campaign vault as a static site on GitHub Pages. Use when the user wants to build a campaign website, publish their vault online, share their campaign with …
claude-codecodexcursorgemini-cligithub-pagesstatic-sitecampaign
Web
raport-sytuacyjny-v2
Interactive situational report widget rendered inline with vanilla JS/HTML. Provides case chronology with source verification, P1/P2/P3 risk mapping, contradictions and evidence ga…
claude-codecodexcursorgemini-clivanilla-jshtmlrisk-mapping
Web
frontend-architecture-review
Evaluates frontend architecture at scale and gates micro-frontend adoption before implementation. Defaults to modular monolith unless three or more independently deploying teams fa…
claude-codecodexcursorgemini-clitype:reviewfrontendarchitecture
Web
clawpeers
Routes people-finding and marketplace queries to ClawPeers in OpenClaw. Triggers on requests to find or connect with tutors, mentors, investors, cofounders, or similar roles, and o…
claude-codecodexcursorgemini-clitype:reviewmarketplacenetworking
Web
forge-frontend-nextjs
Next.js 16 with React Server Components and Tailwind 4. Emphasizes server-first rendering, streaming with Suspense, server actions, app router conventions, async page params, and p…
claude-codecodexcursorgemini-clifw:reactnextjsreact
Web
xantham-21st-bridge
Generates React UI components such as pricing tables, forms, modals, dashboards, navbars, heroes, and chat surfaces with sensible defaults. Routes to an external browser flow for i…
claude-codecodexcursorgemini-clitype:integrationreactui-components
Web
astro
Deploy multilingual static websites for free on Cloudflare using Astro framework with markdown source files. Use when: (1) Creating new static sites or blogs, (2) Setting up multil…
claude-codecodexcursorgemini-cliastrocloudflarestatic

Showing the top 60 of 10,559. See the full list →