Agent Skills·Category ·Web
Category · 8,910 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 8,910 Web skills →

Web
Hermes Studio
Vue 3 + TypeScript dashboard for Hermes with Backend-for-Frontend separation. Real-time streaming chat across multiple backends (local/Docker/SSH/Singularity), unified config for 8…
hermesawesome-hermes-agentproductionvue3
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
dev-gtm-claude-skills
Cross-platform agent skills for SEO, GEO (Generative Engine Optimization), AI discoverability, and developer marketing.
hermesawesome-hermes-agentproductionseo
Web
chainlink-agent-skills
Official Chainlink skills. Oracle data, CCIP, smart contract interaction.
hermesawesome-hermes-skillsproductionchainlink
Web
Opensea Skill
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 t...
openclawopenseanftseaport
Web
Tmp.Fk4K7AvGrW
Search Untappd beers, breweries, and venues; read user profiles, check-ins, wishlists, distinct beers, badges, friends, and your friend activity feed; and po...
openclawbeeruntappdsocial
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
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
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
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
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
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
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
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
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
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
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
cjk-layout
Guides implementation of Chinese, Japanese, and Korean text layout per W3C CLReq, JLReq, and KLReq. Use for UI, HTML, CSS, EPUB, PDF, canvas, design systems, or frontend typography…
claude-codecodexcursorgemini-clitype:audittype:reviewcjk
Web
wordpress-consultant
Delivers senior WordPress consulting via a fixed 10-section framework covering architecture, performance, security, scalability, WooCommerce, and technical debt, with a scored fina…
claude-codecodexcursorgemini-clitype:audittype:reviewwordpress
Web
tours-list-uiux
Manages the full UI/UX overhaul of AtoC Korea's tour catalogue at `/tours/list`, orchestrating hero collapse, contextual vignette bands, sticky filter rails, active chips, editoria…
claude-codecodexcursorgemini-cliuiuxfrontendreact
Web
pp-setlist-fm
Every Setlist.fm endpoint, plus offline analytics no API call can return — tour shape, song frequency, what's overdue, setlist prediction. Trigger phrases: `predict the setlist`, `…
claude-codecodexcursorgemini-clisetlistmusicconcerts
Web
url-slug-generator
Create, optimize, or validate URL slugs for content pages. Also use when the user mentions "URL slug," "URL path," "blog URL," "article URL," "short URL," "clean slug," "permalink,…
claude-codecodexcursorgemini-clitype:generatorslugseo
Web
payments-integration
Integrates payments across providers including 100Pay, Paystack, Flutterwave, and multiwallet for deposits, checkout flows, callback verification, and webhook settlement in web and…
claude-codecodexcursorgemini-clifw:fluttertype:integrationpayments
Web
block-scaffolder
Generate a new AEM Edge Delivery Services block from a natural-language description. Produces the JavaScript file with a decorate() function, a scoped CSS file, example document ma…
claude-codecodexcursorgemini-clilang:javascripttype:generatoraem
Web
forge-llm-streaming
Streaming LLM output correctly with SSE setup, partial-token UTF-8 decoding, AbortController cancellation, mid-stream errors as events, append-only UI rendering, and backpressure h…
claude-codecodexcursorgemini-cliai:llmstreamingsse
Web
html-skills-listen
Sets up a per-session local receiver and Monitor for interactive HTML artifacts so user submissions arrive as session notifications. Other HTML skills invoke this from their pre-fl…
claude-codecodexcursorgemini-clilang:pythonhtmlwebsocket
Web
musavir
Recommends current industry-standard tech stacks for landing pages, SaaS, e-commerce, mobile, AI, and fintech projects, covering frameworks, databases, auth, payments, and hosting …
claude-codecodexcursorgemini-clitech-stacksaasecommerce
Web
personal-homepage-skill
Use when the user asks to create, redesign, improve, or generate a personal homepage, portfolio website, resume homepage, creator homepage, developer portfolio, designer portfolio,…
claude-codecodexcursorgemini-cliportfoliopersonal-brandwebsite
Web
cwv-optimizer
Diagnose and fix Core Web Vitals issues on AEM Edge Delivery Services pages. Addresses EDS-specific performance patterns including the 100KB LCP budget, E-L-D loading phases, block…
claude-codecodexcursorgemini-clitype:debugcore-web-vitalsaem
Web
linkfox-temu-cancel-order-us
Temu US order cancellation API via LinkFox gateway: buyer after-sales cancel list/approve (bg.aftersales.cancel.*) and seller appeal/out-of-stock cancel (temu.order.cancel.appeal/o…
claude-codecodexcursorgemini-clitemuorder-managementcancellations
Web
rtl-ui-guardian
Reviews and repairs Arabic frontend UIs to ensure production-grade RTL correctness for Saudi corporate and SaaS platforms. Handles HTML, CSS, JS, JSX/TSX, React components, and Nex…
claude-codecodexcursorgemini-clilang:javascriptrtlarabic
Web
threejs-particle-canvas
Produce interactive Three.js canvases across five modes: narrative particle cycles, WebGPU loaders, gallery tunnels, animated glTF scenes, and webcam-reflective vinyl displays. Inc…
claude-codecodexcursorgemini-clithree.jswebglparticles
Web
forge-graphql-design
GraphQL schema design covering nullable defaults, Relay cursor pagination, errors as data, DataLoader for N+1 prevention, persisted queries, schema versioning via deprecation, and …
claude-codecodexcursorgemini-cligraphqlrelaydataloader

Showing the top 60 of 8,910. See the full list →