LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills tagged: web-development

Browse skills that share this tag.

  • impeccable - Frontend design and UI refinement skill.
    frontendui-designux-designdesign-system

    ★ 0 · Updated 2026-09-24

    Designs, audits, polishes, and optimizes web and native frontend interfaces, components, and design systems.

    ⚙ Plan UX and UI structure⚙ Generate design documentation⚙ Extract reusable tokens and components
  • interactive-portfolio - Guide to building high-converting interactive portfolios.
    portfolioux-designweb-developmentcareer

    ★ 0 · Updated 2026-09-24

    Provides strategies for designing, structuring, and optimizing developer and designer portfolios to convert visitors into opportunities.

    ⚙ Design portfolio architecture⚙ Design project showcases⚙ Create interactive case studies
  • mapbox-web-integration-patterns - Mapbox GL JS Web Framework Integration Patterns
    mapboxmapbox-gl-jsreactvue

    ★ 0 · Updated 2026-09-23

    Provides official integration patterns for Mapbox GL JS across React, Vue, Svelte, Angular, Next.js, and vanilla JavaScript.

    ⚙ Integrate Mapbox GL JS⚙ Manage map component lifecycles⚙ Configure Mapbox access tokens
  • high-end-visual-design - Principal UI/UX Architect and Motion Choreographer
    ui-designux-designtailwind-cssmotion-design

    ★ 0 · Updated 2026-09-23

    Defines rules for high-end UI design featuring spatial layouts, double-bezel component architecture, fluid motion choreography, and strict anti-patterns.

    ⚙ Enforce strict design anti-patterns⚙ Apply dynamic visual layout archetypes⚙ Construct double-bezel card architectures
  • ngrx - NgRx state management for Angular applications.
    web-developmentapplication-state-managementstate-management-testingfrontend-engineer

    ★ 17 · Updated 2026-09-22

    NgRx state management for Angular including store, effects, entity adapter, component store, and selectors.

    ⚙ Configure NgRx store with feature states⚙ Create actions, reducers, and selectors⚙ Implement effects for side effects
  • popular-web-designs - 54 Real-World Design Systems for HTML/CSS Generation
    designcsshtmlui

    ★ 3 · Updated 2026-09-22

    Provides 54 real-world design system templates with visual tokens and component specs for generating HTML and CSS.

    ⚙ Select design system templates⚙ Load template design specifications⚙ Apply design tokens and styles
  • frontend-design - Create distinctive, production-grade frontend interfaces.
    frontenddesignuicode-generation

    ★ 3 · Updated 2026-09-21

    Generates production-grade frontend code for web components, pages, artifacts, and applications while avoiding generic AI aesthetics.

    ⚙ Gather required project design context⚙ Run teach-impeccable for missing context⚙ Establish bold conceptual design directions
  • popular-web-designs - 54 real design systems as HTML/CSS templates.
    designcsshtmlui

    ★ 0 · Updated 2026-09-21

    Provides 54 real-world design system templates and token specs for generating styled HTML and CSS.

    ⚙ Load design system templates⚙ Apply CSS custom properties⚙ Map Google Fonts substitutes
  • web-frameworks - Build Web Applications with Next.js and Turborepo
    nextjsturboreporemixiconmonorepo

    ★ 602 · Updated 2026-09-21

    Provides guides and patterns for building web applications using Next.js, Turborepo monorepos, and RemixIcon.

    ⚙ Build full-stack web applications⚙ Set up Turborepo monorepos⚙ Implement server-side rendering
  • browser-extension-builder - Build Chrome, Firefox, and cross-browser extensions.
    browser-extensionchrome-extensionmanifest-v3firefox-addon

    ★ 0 · Updated 2026-09-21

    Build browser extensions covering Manifest V3, content scripts, background workers, storage APIs, monetization, and Chrome Web Store publishing.

    ⚙ Design extension architecture⚙ Implement Manifest V3 configurations⚙ Write page content scripts
  • popular-web-designs - 54 production-quality design systems from real websites
    designcsshtmlui

    ★ 0 · Updated 2026-09-21

    Loads templates to generate HTML and CSS matching visual identities of popular websites like Stripe, Linear, Vercel, Notion, and Airbnb.

    ⚙ Load design templates⚙ Generate styled HTML and CSS⚙ Apply visual design tokens
  • best-practices - Apply modern web development best practices
    securitybrowser-compatibilitycode-qualityweb-development

    ★ 0 · Updated 2026-09-21

    Applies modern web development best practices for security, browser compatibility, and code quality.

    ⚙ Configure security headers and CSP⚙ Sanitize input to prevent vulnerabilities⚙ Audit dependencies for vulnerabilities
  • card-based-design - Card-Based Design Guide for Web and Mobile Apps
    ui-designcard-based-designweb-developmentmobile-development

    ★ 1 · Updated 2026-09-20

    Provides guidelines and code implementations for card-based UI designs across Web, SwiftUI, Flutter, React Native, and Jetpack Compose.

    ⚙ Guide card-based layout design⚙ Provide Web CSS card implementations⚙ Provide SwiftUI card component code
  • run-wwtt-website - Run and test the WanderWave Travel & Tours website
    testingweb-developmentreactvite

    ★ 0 · Updated 2026-09-15

    Run, build, screenshot, or test the WanderWave Travel & Tours web application using Vite and Playwright driver.

    ⚙ Start Vite dev server⚙ Take webpage screenshot⚙ Navigate to web route
  • design-review - Run multi-persona presentation review for the site
    design-reviewui-testingaccessibilitycode-audit

    ★ 0 · Updated 2026-09-15

    Runs a multi-persona presentation review including evidence capture, parallel critics, HTML report, calibration gate, and optional fixes.

    ⚙ Capture site presentation evidence⚙ Generate computed facts sheet⚙ Execute parallel critic subagents
  • frontend-design - Create distinctive production-grade frontend interfaces
    frontendui-designweb-developmentplaywright

    ★ 8 · Updated 2026-09-14

    Generates creative, production-grade frontend code and UI designs for components, pages, posters, and web applications.

    ⚙ Generate production frontend code⚙ Design distinctive web user interfaces⚙ Perform visual checks using Playwright
  • htmx - Implement and integrate HTMX for hypermedia-driven UIs.
    htmxhypermediaajaxui-components

    ★ 63 · Updated 2026-09-14

    Implements HTMX interactions, configures swap behaviors, debugs hx-* requests, and builds hypermedia-driven UI components.

    ⚙ Implement HTMX interactions⚙ Configure swap behaviors⚙ Debug hx-* requests
  • frontend-design - Create distinctive production-grade frontend interfaces
    frontendui-designweb-developmenthtml-css

    ★ 0 · Updated 2026-09-14

    Generates production-grade frontend interface code and UI designs with distinct aesthetic directions for web components, pages, and applications.

    ⚙ Build frontend components and pages⚙ Generate production-grade web code⚙ Design custom typography and themes
  • web-deploy-github - Create and deploy static websites to GitHub Pages
    github-pagesstatic-sitedeploymentgithub-actions

    ★ 0 · Updated 2026-09-14

    Initializes, builds, and deploys single-page static websites to GitHub Pages using GitHub Actions.

    ⚙ Initialize static project structure⚙ Generate single page application code⚙ Create GitHub repository via CLI
  • frontend-design - Build distinctive, production-grade frontend interfaces
    frontendui-designweb-developmentcomponents

    ★ 0 · Updated 2026-09-14

    Generates production-grade frontend code and custom UI designs for web components, pages, and applications without generic AI aesthetics.

    ⚙ Design custom frontend user interfaces⚙ Generate production-grade frontend code⚙ Build web components and pages

Scroll to load more