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: frontend development

Browse skills that share this tag.

  • rspack - Rspack Bundler Configuration Guide
    frontend developmentbundlerbuild toolcode splitting

    ★ 18 · Updated 2026-06-15

    Provides guidance for Rspack bundler configuration, plugins, loaders, and Webpack compatibility

    ⚙ configure Rspack⚙ create plugins⚙ write loaders
  • components - Vue Components
    vuecomponentssingle-file componentsfrontend development

    ★ 197 · Updated 2026-05-11

    Build reusable UI modules with markup, logic, and styles as the foundational building blocks of Vue applications.

    ⚙ create single-file components⚙ define reactive state⚙ pass data via props
  • ai-ui-generation - AI-assisted web UI generation and integration workflow
    web UI generationAI design toolscode integrationReact

    ★ 3 · Updated 2026-05-09

    Workflow for AI-assisted web UI generation and integration using external tools

    ⚙ generate UI with external AI tools⚙ import generated code into codebase⚙ turn wireframes into app structure
  • vite-configuration - Vite React SPA configuration
    ViteReactSingle Page Applicationbuild tooling

    ★ 602 · Updated 2026-03-26

    Vite 6.x configuration for React single-page applications

    ⚙ setup Vite React projects⚙ configure build optimization⚙ add plugins and aliases
  • tailwind - Tailwind CSS v4 Best Practices Guide
    Tailwind CSSCSS frameworkperformance optimizationresponsive design

    ★ 57 · Updated 2026-03-23

    Provides 42 best practices across 8 categories for optimizing Tailwind CSS v4 build performance and code quality

    ⚙ configure Tailwind CSS v4⚙ write CSS-first styles⚙ optimize CSS bundle size
  • tailwind - Tailwind CSS v4 Performance Optimization
    CSS frameworkperformance optimizationbest practicesfrontend development

    ★ 18 · Updated 2026-03-23

    Provides performance optimization guidelines and best practices for Tailwind CSS v4 applications

    ⚙ configure build tools⚙ optimize CSS output⚙ write utility classes
  • tailwind - Tailwind CSS v4 Best Practices
    CSS frameworkperformance optimizationfrontend developmentresponsive design

    ★ 0 · Updated 2026-03-23

    Optimize Tailwind CSS v4 build performance and CSS output

    ⚙ configure Tailwind v4⚙ optimize build performance⚙ optimize CSS generation
  • redesign-my-landingpage - Build High-Converting Landing Pages
    landing pagefrontend developmentReactshadcn/ui

    ★ 26 · Updated 2026-03-23

    Build, critique, and iterate landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components

    ⚙ create navigation bar⚙ design hero section⚙ add social proof
  • react-useeffect - React useEffect Best Practices Guide
    Reactfrontend developmentstate managementAPI integration

    ★ 0 · Updated 2026-03-21

    Covers valid use cases, anti-patterns, and pitfalls for writing, reviewing, or debugging React useEffect

    ⚙ connect external system⚙ subscribe browser events⚙ fetch data
  • vercel-react-best-practices - Vercel React Best Practices Guide
    ReactNext.jsperformance optimizationcode refactoring

    ★ 0 · Updated 2026-03-20

    Performance optimization guidelines for React and Next.js applications

    ⚙ write React components⚙ create Next.js pages⚙ implement data fetching
  • senior-architect - Senior Software Architecture Design Tool
    software architecturesystem designfrontend developmentbackend development

    ★ 57 · Updated 2026-03-10

    Complete toolkit for designing scalable software architecture with modern tools and best practices

    ⚙ generate architecture diagrams⚙ analyze project architecture⚙ analyze dependencies
  • browser-use-integration - Browser-Use Plugin Integration
    browser automationheadless browserfrontend developmentscreenshot capture

    ★ 10 · Updated 2026-03-10

    Provides detection pattern and automated browser workflows for frontend development

    ⚙ navigate to URL⚙ capture screenshot⚙ capture full-page screenshot
  • senior-architect - Software Architecture Design Toolkit
    software architecturearchitecture designsystem designtech stack decision

    ★ 1 · Updated 2026-03-10

    Design scalable, maintainable systems with architecture diagrams, system design patterns, and tech stack decision frameworks

    ⚙ generate architecture diagrams⚙ analyze project architecture⚙ analyze dependencies
  • Frontend Accessibility - Build Accessible User Interfaces with Semantic HTML and ARIA
    frontend developmentaccessibilityWCAGHTML

    ★ 6 · Updated 2026-02-13

    Create accessible web interfaces following WCAG standards

    ⚙ create semantic HTML markup⚙ add ARIA attributes to elements⚙ implement keyboard navigation support
  • shadcn-create-project - Create New Project with Shadcn UI Scaffolding
    UI frameworkproject scaffoldingfrontend development

    ★ 211 · Updated 2026-02-12

    Scaffold a new project with Shadcn UI pre-configured using shadcn create command

    ⚙ run shadcn create command⚙ configure project settings⚙ verify scaffold results
  • Storybook skill for Solid.js - Generate Solid.js Storybook component stories
    Solid.jsStorybookcomponent testingfrontend development

    ★ 9 · Updated 2026-02-12

    Generates Solid.js Storybook story files (*.story.tsx) for components

    ⚙ generate Storybook story files⚙ create component stories⚙ define story args and controls
  • vite - Vite Build Tool: Configuration, Plugin API, SSR and Vite 8 Rolldown Migration
    build toolfrontend developmentVitebundler

    ★ 5,902 · Updated 2026-02-09

    Configure and work with Vite build tool, including plugin API, SSR, and Vite 8 Rolldown migration.

    ⚙ configure Vite projects⚙ start development server⚙ build production bundles
  • unocss - UnoCSS Instant Atomic CSS Engine for Utility-First Styling
    CSS frameworkatomic CSSfrontend developmentutility-first

    ★ 5,902 · Updated 2026-02-09

    Configure and generate atomic CSS utilities with UnoCSS, a superset of Tailwind CSS

    ⚙ configure UnoCSS⚙ write utility rules⚙ create shortcuts
  • react-hook-form-zod - Type-Safe Form Validation with React Hook Form and Zod
    form validationtype safetyReact formsschema validation

    ★ 1,018 · Updated 2026-02-09

    Build type-safe validated forms using React Hook Form and Zod schema validation

    ⚙ register form fields⚙ validate form data⚙ handle form errors
  • vercel-composition-patterns - React Composition Patterns for Scalable Components
    Reactcomponent architecturecomposition patternsfrontend development

    ★ 31,044 · Updated 2026-02-09

    Guidelines for building flexible and maintainable React components using composition patterns

    ⚙ provide composition pattern guidelines⚙ refactor boolean prop proliferation⚙ design component architecture