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.

  • buildpad-reference - Buildpad UI Component Catalog and Usage Reference
    buildpadui-componentsmantinereact

    ★ 0 · Updated 2026-09-21

    Provides a catalog of 40+ Buildpad UI components, hooks, services, and enforces Buildpad-First usage rules.

    ⚙ Enforce Buildpad component usage rules⚙ Reference Buildpad UI components and hooks⚙ Guide CollectionForm and CollectionList usage
  • designing-component-systems - Component System Design
    ui-componentsdesign-systemscomponent-apitheming

    ★ 1 · Updated 2026-09-20

    Build reusable UI pieces that are accessible, composable, theme-aware, and testable without framework lock-in.

    ⚙ Build reusable UI components⚙ Design composable component APIs⚙ Define UI state ownership
  • fluentui-blazor - Fluent UI Blazor Usage Guide
    blazorfluent-uicsharpdotnet

    ★ 18 · Updated 2026-09-18

    Guide for using the Microsoft Fluent UI Blazor component library in Blazor applications.

    ⚙ Register Fluent UI services⚙ Configure layout providers⚙ Bind Fluent UI list components
  • doublea-brand-guidelines - Double A Brand Visual Identity Guidelines for Web UIs
    design-systembrand-guidelinesui-componentsdesign-tokens

    ★ 1 · Updated 2026-09-17

    Provides design tokens, typography, logo guidelines, and component patterns for building official Double A web interfaces.

    ⚙ Apply Double A design tokens⚙ Place Double A brand logos⚙ Configure Poppins and Prompt typography
  • shadcn-ui - Install and configure shadcn/ui components for React.
    shadcn-uireactui-componentstailwind

    ★ 0 · Updated 2026-09-16

    Installs and configures shadcn/ui components for React projects including installation order, customisation, and common UI recipes.

    ⚙ Install foundation and feature components⚙ Manage component installation order⚙ Customise components with semantic tokens
  • sutra-ui - Build and review Phoenix LiveView UI with Sutra UI
    phoenix-liveviewsutra-uielixirheex

    ★ 46 · Updated 2026-09-15

    Provides guidance for building, modifying, and reviewing Phoenix LiveView interfaces using CSS-first Sutra UI components.

    ⚙ Build Phoenix LiveView interfaces⚙ Modify Sutra UI components⚙ Review component compositions
  • assistant-ui - React library for building AI chat interfaces
    assistant-uireactai-chatui-components

    ★ 2,748 · Updated 2026-09-14

    Guide for assistant-ui library providing instructions on primitives, hooks, runtimes, and backend adapters for AI chat UIs.

    ⚙ Guide assistant-ui library usage⚙ Explain runtime adapter selection⚙ Assist chat interface integration
  • action-link - ECO Design System Action Link Component Specification
    design-systemui-componentscsshtml

    ★ 0 · Updated 2026-09-14

    Provides component specifications, CSS styles, and HTML examples for standalone clickable action links in the ECO Design System.

    ⚙ Build standalone clickable action links⚙ Apply ECO Design System CSS⚙ Configure action link size variants
  • apply-shadcn - Apply shadcn/ui components to React pages with custom themes
    reactshadcn-uistylingtheme-integration

    ★ 602 · Updated 2026-09-14

    Applies shadcn/ui components to React pages and components while integrating with custom theme CSS variables.

    ⚙ Create styling todo list⚙ Install required shadcn components⚙ Fetch component usage examples
  • 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
  • astro-components - UI component library for Astro lead generation sites
    astroui-componentstailwindfrontend

    ★ 4 · Updated 2026-09-13

    Provides reusable Astro UI components including buttons, inputs, cards, badges, alerts, and icons using Tailwind and design tokens.

    ⚙ Provide reusable UI components⚙ Render design-token-based buttons⚙ Render accessible form inputs
  • hig-components-status - Apple HIG Status Components Guidance
    apple-higstatus-barprogress-indicatoractivity-rings

    ★ 0 · Updated 2026-09-12

    Provides Apple HIG guidance for status and progress UI components, including progress indicators, status bars, and activity rings.

    ⚙ Recommend progress indicator types⚙ Provide timing and animation guidance⚙ Advise on accessibility announcements
  • Frontend Design - Design production-ready frontend interfaces
    frontenddesign-systemsresponsiveaccessibility

    ★ 19 · Updated 2026-05-28

    Design and build responsive, accessible frontend interfaces with design systems and dark mode support.

    ⚙ analyze requirements⚙ define design tokens⚙ build component variants
  • ag-referencia-design-library - Design Library Reference for UI Development
    design-systemcomponent-librarydesign-tokensui-components

    ★ 10 · Updated 2026-05-09

    Consult design system library with 24 curated solutions, CSS tokens, and UI components before building software.

    ⚙ consult design library⚙ read design system⚙ search components
  • artifacts-builder - Build Complex Frontend Artifacts with React, Tailwind CSS and shadcn/ui
    frontendreacthtmlbundling

    ★ 211 · Updated 2026-02-23

    A toolset for creating complex multi-component HTML artifacts using modern frontend technologies

    ⚙ initialize React project⚙ install dependencies⚙ bundle to HTML
  • refactor-html - Refactor HTML/TSX Files with UI Components
    code-refactoringfrontend-developmentui-componentstailwindcss

    ★ 0 · Updated 2026-02-11

    Refactor HTML/TSX files to use existing UI components, DaisyUI classes, and semantic colors

    ⚙ read target file⚙ check available components⚙ identify rule violations
  • refactor-html - Refactor HTML/TSX Files with UI Components and Semantic Colors
    refactoringfrontendui-componentscode-optimization

    ★ 18 · Updated 2026-02-11

    Refactors HTML/TSX files to use existing UI components, DaisyUI classes, and semantic color conventions

    ⚙ Read target file⚙ Check available components⚙ Identify rule violations
  • refactor-html - Refactor HTML/TSX for Better Component Reuse
    refactoringhtmltsxui-components

    ★ 602 · Updated 2026-02-11

    Refactor HTML/TSX files to use existing UI components, DaisyUI classes, and semantic colors

    ⚙ replace HTML with UI components⚙ convert primitive colors to semantic colors⚙ extract repeated styling patterns
  • tools-ui - Tool Lifecycle UI Components for React/Next.js
    ui-componentsreactnextjstool-lifecycle

    ★ 748 · Updated 2026-02-09

    Display tool calls with status tracking including pending, progress, approval required, and results

    ⚙ Display tool status⚙ Show progress indicators⚙ Handle approval flows