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

Web
hermes-web-ui
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-agentproductionvue
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
chainlink-agent-skills
Official Chainlink skills. Oracle data, CCIP, smart contract interaction.
hermesawesome-hermes-skillsproductionchainlink
Web
Miniprogram Development
WeChat Mini Program development skill for building, debugging, previewing, testing, publishing, and optimizing mini program projects. This skill should be us...
openclawwechatminiprogramjavascript
Web
WordPress API Pro
Production-grade WordPress REST API integration for managing posts, pages, media, WooCommerce products, Elementor content, SEO meta, ACF, and JetEngine field...
openclawapibatchcms
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
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
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
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
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
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
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
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
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
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
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
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
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
Web
flexcard-design-patterns
Use when designing, building, or reviewing OmniStudio FlexCards — including data source selection, card states, actions, conditional visibility, flyout configuration, and child car…
claude-codecodexcursorgemini-clitype:reviewflexcardomnistudio
Web
shopify-developer
Complete Shopify reference covering Liquid templating, OS 2.0 themes, GraphQL APIs, Hydrogen, Functions, and performance optimization (API v2026-01). Use for .liquid files, theme o…
claude-codecodexcursorgemini-clishopifyliquidgraphql
Web
forge-frontend
Produce premium frontend code without locking to a single visual style. Improves layout, typography, motion, and spacing over default baselines. Includes failure-mode patterns to a…
claude-codecodexcursorgemini-clifrontenduitypography
Web
gcp-observability-nextjs
Implement Google Cloud Trace (OTLP direct via Telemetry API) and structured Cloud Logging in Next.js App Router. Covers instrumentation.ts hooks, ADC token auto-refresh exporters, …
claude-codecodexcursorgemini-clicloud:gcpfw:reactgcp
Web
lwc-accessibility
Review or design Lightning Web Components for keyboard access, semantic labeling, focus management, screen-reader behavior, and WCAG-aligned UX in Salesforce. Applies to keyboard n…
claude-codecodexcursorgemini-clitool:salesforcetype:reviewlwc
Web
genie-render
Render a generated Genie Learning course as an interactive HTML bundle (index.html + assets/style.css + assets/app.js, Vue 3 + Tailwind via CDN, Notion-styled). The output lets a l…
claude-codecodexcursorgemini-clitool:notionvuehtml
Web
aiprotocol-sbi
Deploys a self-sustaining SBI economy: creates an agent wallet on Base, funds via AIP Grant or self-payment, and launches an ERC-20 token with bonding curve and Uniswap v4 hooks th…
claude-codecodexcursorgemini-cliblockchainerc20uniswap
Web
blog-seo-check
Validates blog post SEO with a pass/fail checklist covering title tags, meta descriptions, heading hierarchy, keyword placement, internal and external links, canonical URLs, Open G…
claude-codecodexcursorgemini-clitype:auditseoblog
Web
lwc-accessibility-patterns
Implement ARIA attributes, keyboard navigation patterns, screen reader live regions, WCAG 2.1 compliance, focus management, and accessible data tables in Lightning Web Components. …
claude-codecodexcursorgemini-clilwcariakeyboard-navigation
Web
Accessibility Lead
Accessibility team lead and orchestrator. Use on every task involving web UI code, HTML, JSX, CSS, React components, web pages, or user-facing web content. Coordinates the accessib…
claude-codecodexcursorgemini-clitype:reviewaccessibilityweb
Web
ultimate-seo-geo
Audits and optimizes sites for search visibility and AI engine citation, covering technical health, E-E-A-T scoring, domain authority, structured data, rich results, entity signals…
claude-codecodexcursorgemini-clitype:audittype:debugseo
Web
lwc-reactive-state-patterns
Explains LWC reactivity rules after Spring '20 (API v48+): class fields react on reassignment while @track is needed for in-place object or array mutations; Date, Set, and Map chan…
claude-codecodexcursorgemini-clilwcsalesforcereactivity
Web
raweb-code
Build accessible HTML, CSS, and JavaScript that meets RAWeb 1.1 requirements. Applies to interfaces, components, forms, and navigation needing Luxembourg accessibility compliance. …
claude-codecodexcursorgemini-clilang:javascriptaccessibilityraweb
Web
ha-dashboard-cards
Creates Home Assistant dashboard cards programmatically using ha_card_utils.py utilities for static titles, color gradients, section separators, and info cards. Use when fixing min…
claude-codecodexcursorgemini-clihome-assistantlovelacecard-utils
Web
accessibility-patterns
Provides web accessibility best practices for semantic HTML, ARIA, keyboard navigation, color contrast, and screen reader patterns. Use when building UI components, reviewing acces…
claude-codecodexcursorgemini-clitype:reviewaccessibilitysemantic-html
Web
website-plan
Interactively plans website structure for cogni-website projects by discovering content, proposing pages, mapping content to sections, and generating website-plan.json. Activates o…
claude-codecodexcursorgemini-cliwebsiteplanningsitemap
Web
midtrans-laravel
Complete integration guide for Midtrans Payment Gateway (Snap) into Laravel projects. Covers installation, configuration, database migrations, models, checkout and webhook controll…
claude-codecodexcursorgemini-clilang:phplaravelmidtrans
Web
hubspot-agency-multi-portal
Manage 10-100 HubSpot portals for agency clients with credential isolation, per-portal audit trails for billing and compliance, and bulk onboarding workflows. Use for onboarding ne…
claude-codecodexcursorgemini-clitool:hubspottype:audithubspot
Web
agevolt-pos-rn-touchpoint
Work in the AgeVolt pos-rn React Native project. Covers touchpoint kiosk apps (appConfig.appType 'TOUCHPOINT_CLIENT'), mobile apps ('AGEVOLT'), Wiseasy P5L, Modbus/RS485, EVM/ELM, …
claude-codecodexcursorgemini-clireact-nativeposevm
Web
ecommerce-listing
Extracts product listings from category pages, search results, or filtered searches. Returns paginated arrays with URL, name, price, currency, image, rating, and review count. Supp…
claude-codecodexcursorgemini-clitype:reviewscrapingproduct-data
Web
seo-a11y-audit
Composite workflow that runs a full SEO and accessibility audit of a website or webapp. Chains multiple specialized scans into one severity-ranked report split by SEO, accessibilit…
claude-codecodexcursorgemini-clitype:auditseoaccessibility
Web
server-components-design
Guides design and review of React Server Components: async behavior, data fetching, server-only imports versus disallowed client features like state, effects, and browser APIs. Cov…
claude-codecodexcursorgemini-clitype:reviewreactnextjs
Web
threejs-webgl
Full Three.js 3D web development covering interactive scenes, WebGL/WebGPU apps, product configurators, visualizations, and immersive experiences. Triggers on Three.js, 3D renderin…
claude-codecodexcursorgemini-clithree.jswebgl3d
Web
mcp-visual-output
Create interactive MCP visual output using JSON rendering tools. Upgrade plain JSON tool responses to interactive dashboards rendered in sandboxed iframes. Covers app creation, too…
claude-codecodexcursorgemini-cliai:mcpmcpjson
Web
data-service-optional-params
Build data fetching services using the circuit breaker pattern for API resilience, with a reusable approach for constructing optional query parameters through URLSearchParams. Serv…
claude-codecodexcursorgemini-cliurlsearchparamsfilterscircuit-breaker
Web
playground
Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls, see a live preview, and copy out a prompt.…
claude-codecodexcursorgemini-clitype:reviewhtmlinteractive
Web
raweb-audit
Audit web pages and components against RAWeb 1.1 for Luxembourg accessibility compliance. Reviews existing code, generates reports, checks conformance levels, and prepares for cert…
claude-codecodexcursorgemini-clitype:audittype:reviewaccessibility
Web
ccxt-typescript
CCXT library integration for TypeScript and JavaScript. Installs the package, connects to exchanges, fetches market data, places orders, streams tickers and order books via WebSock…
claude-codecodexcursorgemini-clilang:javascriptlang:typescripttypescript

Showing the top 60 of 5,130. See the full list →