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: components

Browse skills that share this tag.

  • ecc-frontend-design - Create distinctive, production-grade frontend interfaces.
    frontendui-designstylinglayout

    ★ 0 · Updated 2026-09-23

    Generates creative, polished frontend interface code that avoids generic AI aesthetics for web components, pages, artifacts, posters, or applications.

    ⚙ Build web components⚙ Build web pages⚙ Build web applications
  • react-native-patterns - React Native component and interaction patterns guidelines
    react-nativemobilecomponentsaccessibility

    ★ 602 · Updated 2026-09-20

    Provides React Native component and interaction patterns covering Pressable, FlashList, bottom sheets, accessibility, expo-image, and Expo Router navigation.

    ⚙ Implement Pressable touch targets⚙ Wrap strings in Text components⚙ Configure ScrollView containers
  • ui-design-brain - Generate production-grade UI components and web interfaces.
    ui-designcomponentsreacttailwind-css

    ★ 885 · Updated 2026-09-19

    Provides design guidelines and component patterns from 60+ UI components to generate production-grade web interfaces and code.

    ⚙ Identify required UI components⚙ Apply UI component best practices⚙ Select design style presets
  • convex-components - Add isolated backend features using Convex Components
    convexcomponentsbackenddatabase

    ★ 1 · Updated 2026-09-14

    Install, call, author, and manage Convex Components to add isolated backend features and compose component APIs.

    ⚙ Install Convex component packages⚙ Call public component APIs⚙ Author reusable backend components
  • 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
  • frontend-design - Create distinctive, production-grade frontend interfaces
    frontendui-designcomponentscss

    ★ 0 · Updated 2026-09-14

    Builds web components, pages, applications, and layouts with high design quality and custom aesthetics.

    ⚙ Build web components⚙ Design frontend page layouts⚙ Implement HTML CSS JS code
  • openclaw-design-system-kickoff - Establish a practical design system starting point.
    design-systemkickofftokenscomponents

    ★ 0 · Updated 2026-09-12

    Defines a practical design-system starting point for new products or major redesigns needing coherent tokens, component families, and visual direction.

    ⚙ Capture product context and constraints⚙ Define product design keywords⚙ Translate keywords into system choices
  • convex-add - Add capabilities to an existing Convex app
    convexbackendcapabilitiescomponents

    ★ 137 · Updated 2026-09-10

    Adds backend capabilities or @convex-dev components to an existing Convex app using a capability catalog or fallback search.

    ⚙ Identify requested Convex capability⚙ Fetch Convex capability catalog⚙ Fetch capability documentation file
  • ui-handler - Implement UI with Shadcn MCP and 21st.dev MCP
    uishadcn21st-devcomponents

    ★ 602 · Updated 2026-09-10

    Implements standard UI components, complex sections, layouts, and themes using Shadcn MCP and 21st.dev MCP.

    ⚙ Install standard UI components⚙ Generate complex page sections⚙ Update application themes and styles
  • explore-recipes - Explore and browse available ShipSwift components.
    shipswiftswiftuicomponentscatalog

    ★ 0 · Updated 2026-09-10

    Browses the ShipSwift component catalog, presents component details, and suggests implementation combinations.

    ⚙ Show categorized component catalog⚙ Present component details and dependencies⚙ Suggest complementary component combinations
  • harmony-components - Search and integrate official HarmonyOS components.
    harmonyoscomponentssearchintegration

    ★ 6 · Updated 2026-09-09

    Searches HarmonyOS component indexes to load documentation and guide component installation and usage.

    ⚙ Search component indexes⚙ Load component details⚙ Install official components
  • install-sections - Build pages with shadcnblocks sections and i18n
    shadcnblocksi18npage-buildernextjs

    ★ 602 · Updated 2026-09-09

    Installs shadcnblocks sections in order, creates page files, extracts hardcoded text to translation files, and implements i18n with useTranslations.

    ⚙ Install new shadcnblocks sections⚙ Create or update page files⚙ Import installed section components
  • Components Standards - Design Reusable Frontend Components
    frontendcomponentsUITypeScript

    ★ 602 · Updated 2026-06-30

    Create focused, composable UI components following single responsibility principle with minimal props.

    ⚙ create component files⚙ define component interfaces⚙ implement composition patterns
  • 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
  • ckm:ui-styling - UI Styling with shadcn/ui & Tailwind
    UIstylingcomponentsTailwind CSS

    ★ 7 · Updated 2026-06-30

    Create accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs

    ⚙ create UI components⚙ style interfaces⚙ build layouts
  • react-dev - React TypeScript Development
    reacttypescriptfrontendcomponents

    ★ 1 · Updated 2026-06-30

    Build type-safe React components with TypeScript, React 19, and Server Components

    ⚙ build typed components⚙ implement generic components⚙ type event handlers
  • react-dev - Type-safe React components and hooks
    ReactTypeScriptcomponentshooks

    ★ 4 · Updated 2026-06-30

    Build typed React components with TypeScript, React 19 features, and type-safe routing

    ⚙ Build typed React components⚙ Implement generic components⚙ Type event handlers
  • rails-design-system - Rails Design System Guidelines
    railsdesign-systemfrontendtailwind

    ★ 210 · Updated 2026-06-15

    Design system guidelines for building consistent Rails UI components

    ⚙ apply design rules⚙ define design tokens⚙ extract partials
  • lcsc - LCSC Component Search & Datasheets
    electronicscomponentssourcingdatasheets

    ★ 543 · Updated 2026-06-15

    Search LCSC parts by LCSC number or MPN, check stock, pricing, and download datasheets

    ⚙ search LCSC parts⚙ search by MPN⚙ check stock levels
  • setup-design-system - Initialize Design System with UI Components
    design-systemTailwindshadcnaccessibility

    ★ 18 · Updated 2026-05-28

    Initialize design system or create accessible UI components with Tailwind and shadcn integration

    ⚙ check feature branch⚙ assess design system⚙ create component

Scroll to load more