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

Browse skills that share this tag.

  • dashboard-design - Design Effective Dashboards with KPI Cards, Data Tables and Real-Time Updates
    dashboard designUI componentsdata visualizationadmin panel

    ★ 602 · Updated 2026-06-30

    Design dashboards with clear layouts, KPI displays, sortable data tables, and real-time update patterns using React and Tailwind CSS.

    ⚙ design KPI card layouts⚙ create dashboard grid layouts⚙ build sortable data tables
  • modal-drawer-system - Accessible Modal & Drawer Component Generator
    modaldraweraccessibilityReact

    ★ 48 · Updated 2026-06-30

    Generates accessible modal dialogs and drawer components with focus trap, ESC close, scroll lock, portal rendering, and ARIA attributes.

    ⚙ Create modal component⚙ Create drawer component⚙ Create confirmation dialog
  • ui-styling - UI Styling with shadcn/ui & Tailwind
    styling systemUI componentsresponsivedark mode

    ★ 0 · Updated 2026-06-30

    Create accessible UIs with shadcn/ui, Tailwind CSS, and canvas designs

    ⚙ build UI components⚙ create layouts⚙ style with CSS
  • standards-components - UI Component Design Standards
    UI componentsfrontenddesign standardsReact

    ★ 602 · Updated 2026-06-15

    Design reusable, composable UI components with clear prop interfaces

    ⚙ create component files⚙ modify existing components⚙ define component props
  • templ-components - Build Reusable Templ UI Components
    templUI componentsweb developmentGo templating

    ★ 18 · Updated 2026-06-15

    Create type-safe templ UI components with props, children, and composition patterns

    ⚙ create UI components⚙ define component props⚙ compose components
  • material-symbols-v3 - Material Symbols v3 Icon System
    iconsMaterial Designvariable fontsUI components

    ★ 18 · Updated 2026-06-15

    Material Design 3 icon system with 2,500+ variable icons for UI elements

    ⚙ import icon font⚙ select icon⚙ set icon size
  • setup-design-system - Initialize accessible design systems with UI components
    design systemUI componentsTailwind CSSshadcn/ui

    ★ 8 · Updated 2026-05-28

    Initialize design systems or create UI components with accessibility, Tailwind/shadcn integration, and documentation.

    ⚙ verify feature branch⚙ assess current state⚙ set up design tokens
  • hoatrinh-design-system - Warm Amber Terminal Design System
    design systemUI componentsCSSvisual design

    ★ 0 · Updated 2026-05-09

    Manage UI components, styles, animations, and visual tokens for hoatrinh.dev project

    ⚙ add UI component⚙ modify UI component⚙ review UI component
  • adding-a-feature - Add features with agent-native parity
    feature developmentUI componentsactionsapplication state

    ★ 137 · Updated 2026-05-09

    Four-area checklist for adding features while maintaining agent and UI parity

    ⚙ Build UI component⚙ Create action⚙ Update skill documentation
  • vapor-ui - Vapor UI Design System & Figma Converter
    design systemUI componentsFigmacode generation

    ★ 57 · Updated 2026-05-09

    Provides Vapor UI component catalog, icon lookup, usage documentation, and converts Figma designs to production-ready code

    ⚙ Get component list⚙ Get component info⚙ Get component examples
  • bimverdi-design - Generate BIM Verdi UI Components
    frontenddesign systemUI componentsWordPress theme

    ★ 18 · Updated 2026-05-09

    Generates frontend code for BIM Verdi following the established design system

    ⚙ generate UI components⚙ create page layouts⚙ build form templates
  • vapor-ui - Vapor UI Design System & Code Converter
    design systemUI componentsFigma to codemockup generation

    ★ 36 · Updated 2026-05-09

    Vapor UI component catalog, icon lookup, and Figma to code converter

    ⚙ detect version⚙ get component list⚙ get component info
  • shadcn-components - React shadcn/ui Components
    ReactUI componentsshadcn/uifrontend

    ★ 0 · Updated 2026-03-24

    Use and customize shadcn/ui components in React applications

    ⚙ add component⚙ customize component⚙ configure variant
  • Frontend Development - Professional Frontend Development with Angular, React, Vue, Next.js
    frontendweb developmentAngularReact

    ★ 57 · Updated 2026-03-23

    Develop frontend applications using Angular, React, Vue 3, and Next.js frameworks with best practices

    ⚙ create Angular components⚙ create React components⚙ create Vue components
  • loading-state-patterns - Loading state patterns for design systems
    loading statesskeleton loadersanimationdesign system

    ★ 11 · Updated 2026-03-23

    Patterns for skeleton loaders, shimmer effects, and loading states that match design system aesthetics

    ⚙ Create skeleton loaders⚙ Apply shimmer animations⚙ Build progressive loading
  • loading-state-patterns - Design system loading patterns
    front-enddesign systemUI componentsloading states

    ★ 18 · Updated 2026-03-23

    Create skeleton loaders, shimmer effects, and progressive loading states that match design system aesthetics

    ⚙ create skeleton components⚙ apply shimmer animations⚙ build card skeletons
  • implement-feature - Implement UI Features in Mock App
    mock appfeature implementationUI componentstesting

    ★ 0 · Updated 2026-03-22

    End-to-end workflow for implementing UI-driven mock features with data models, reusable components, and automated testing.

    ⚙ clarify feature requirements⚙ update data model⚙ generate sample data
  • skeleton-ui - Use Skeleton UI Components
    UI componentsfrontendSvelteTailwind CSS

    ★ 602 · Updated 2026-03-21

    Use Skeleton UI components and styled elements instead of custom markup for Svelte applications

    ⚙ import Skeleton components⚙ create UI components⚙ apply preset classes
  • button-styles - Consistent Button Style System
    design systemUI componentsbutton stylesfrontend

    ★ 602 · Updated 2026-03-20

    Defines standard button styles for visual consistency in iqEngi project

    ⚙ create primary button⚙ create outline button⚙ create ghost button
  • react-shadcn - React UI Components with shadcn/ui
    ReactUI componentsshadcn/uiTailwind CSS

    ★ 18 · Updated 2026-03-20

    Build accessible React UI components using shadcn/ui, TanStack Form, and Tailwind CSS

    ⚙ install components⚙ create buttons⚙ build forms

Scroll to load more