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 with input: component requirements

Browse skills that use this input.

  • frontend - Frontend Development Patterns
    frontendcomponentsstate managementperformance

    ★ 18 · Updated 2026-06-30

    Frontend patterns for component design, state management, performance, and accessibility

    ⚙ create components⚙ modify components⚙ design UI interactions
  • design-system-patterns - Design System Patterns Architecture
    design systemdesign tokensthemingcomponent library

    ★ 0 · Updated 2026-06-15

    Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns

    ⚙ create design tokens⚙ implement theme switching⚙ build multi-brand theming
  • design-guide - Modern UI Design Guidelines
    UIdesignfrontendstyling

    ★ 18 · Updated 2026-05-28

    Provides modern UI design principles for building clean, professional interfaces with consistent, minimal, and accessible patterns.

    ⚙ define color palettes⚙ specify spacing units⚙ set typography rules
  • react - React Best Practices Guide
    reactfrontendweb developmentcomponents

    ★ 602 · Updated 2026-05-28

    Provides React best practices for building scalable web applications with official documentation guidance and community standards

    ⚙ create React components⚙ design project structure⚙ implement state management
  • sf-lwc - Salesforce LWC Scaffolder
    salesforcelwclightning-web-componentsjest

    ★ 4 · Updated 2026-05-11

    Generate LWC bundles with HTML, JS, CSS, config, and Jest tests

    ⚙ scaffold HTML templates⚙ generate JS controllers⚙ create CSS styles
  • responsive-patterns - Responsive React design with container queries
    responsivecontainer-queriesfluid-typographymobile-first

    ★ 128 · Updated 2026-05-11

    Modern responsive design patterns using Container Queries, fluid typography, and mobile-first strategies for React applications

    ⚙ create container query components⚙ implement fluid typography⚙ build responsive layouts
  • sf-lwc - Salesforce LWC Component Scaffolder
    SalesforceLWCLightning Web ComponentsJest

    ★ 602 · Updated 2026-05-11

    Generate Salesforce LWC bundles with HTML, JS, CSS, meta.xml, and Jest tests

    ⚙ generate HTML template⚙ generate JS controller⚙ generate CSS styles
  • building-compound-components - Create unstyled React compound components
    Reactcompound componentsheadless UIcomponent library

    ★ 11,151 · Updated 2026-05-09

    Creates unstyled compound components that separate business logic from styles

    ⚙ create context file⚙ create Root component⚙ create consumer components
  • design-system-creator - Design System Architect & CSS Expert
    design-systemdesign-tokenscomponentscss-architecture

    ★ 602 · Updated 2026-05-09

    Builds comprehensive design systems with design tokens, component libraries, and production-ready CSS architecture

    ⚙ create design tokens⚙ build CSS architecture⚙ document components
  • frontend-developer - Modern Frontend Development Expert
    frontendweb developmentReactVue

    ★ 18 · Updated 2026-03-26

    Build responsive web applications with modern frameworks and optimize performance

    ⚙ build web applications⚙ implement UI components⚙ optimize performance
  • design-system-components - Build Reusable Design System Components
    design-systemcomponentsReactTypeScript

    ★ 0 · Updated 2026-03-25

    Build reusable components using Surface primitives, CVA variants, and design tokens

    ⚙ define CVA variants⚙ create Surface primitives⚙ build component variants
  • Frontend Development - Professional Frontend Development Skill
    frontendangularreactvue

    ★ 18 · Updated 2026-03-23

    Develop frontend applications using Angular, React, Vue, and Next.js frameworks

    ⚙ create Angular components⚙ create React components⚙ create Vue components
  • oceanbase-design-usage - OceanBase Design Usage Guide
    frontenddesign systemcomponent librarycode migration

    ★ 50 · Updated 2026-03-23

    Guide for using OceanBase Design packages correctly with import conventions, theme patterns, and migration tools

    ⚙ import components⚙ configure theme⚙ migrate code
  • web-accessibility - Build accessible web applications with WCAG 2.1
    web accessibilityWCAG 2.1ARIAkeyboard navigation

    ★ 125 · Updated 2026-03-10

    Build accessible web applications following WCAG 2.1 guidelines

    ⚙ implement ARIA patterns⚙ configure keyboard navigation⚙ add screen reader support
  • tdd-workflow - Test-Driven Development Workflow
    TDDtestingworkflowcode-quality

    ★ 3 · Updated 2026-03-10

    Ensures code development follows TDD principles with comprehensive test coverage

    ⚙ write unit tests⚙ create test cases⚙ implement code
  • prompt-generation-rules - Coding Standards Expert for Prompt Generation Rules
    code-reviewcoding-standardsprompt-engineeringbest-practices

    ★ 5 · Updated 2026-02-14

    Reviews code and suggests improvements based on established prompt generation guidelines and best practices

    ⚙ review code for guideline compliance⚙ suggest improvements based on best practices⚙ explain preferred patterns
  • Lumo · Component Creation Protocol - Define Angular component creation standards for Lumo Design System
    AngularDesign SystemComponent DevelopmentFrontend

    ★ 6 · Updated 2026-02-14

    Defines how Angular components should be created, structured, documented, and tested in the Lumo Design System

    ⚙ create Angular components⚙ define component structure⚙ write component documentation