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 capability: implement dark mode

Browse skills that share this capability.

  • 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
  • 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
  • ui-styling - Build Beautiful Accessible UIs with Shadcn and Tailwind
    UIstylingTailwind CSSshadcn/ui

    ★ 602 · Updated 2026-06-15

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

    ⚙ create user interfaces⚙ style with Tailwind CSS⚙ add accessible components
  • Frontend Design - Build Production-Ready Frontend Interfaces
    frontendui designresponsive designweb components

    ★ 17 · Updated 2026-05-28

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

    ⚙ analyze requirements⚙ define design tokens⚙ build components
  • tailwindcss - Tailwind CSS Framework
    CSSframeworkutility-firstresponsive design

    ★ 11 · Updated 2026-05-11

    Utility-first CSS framework for building custom user interfaces with utility classes and theme variables

    ⚙ install framework⚙ apply utility classes⚙ customize theme
  • mui - Material UI React Component Library
    ui-libraryreactmaterial-designcomponent-library

    ★ 602 · Updated 2026-03-26

    Best practices for using Material UI components in React applications with theming, customization, and accessibility support.

    ⚙ configure MUI theme⚙ create custom components⚙ implement dark mode
  • visual-design-foundations - Build Cohesive Visual Design Systems
    DesignUI/UXTypographyColor Theory

    ★ 0 · Updated 2026-03-23

    Apply typography, color, spacing, and iconography principles to create visual systems

    ⚙ establish design tokens⚙ create spacing system⚙ select typefaces
  • visual-design-foundations - Visual Design Foundations for UI Systems
    design systemsvisual designtypographycolor theory

    ★ 18 · Updated 2026-03-23

    Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs

    ⚙ establish design tokens⚙ create spacing system⚙ select typefaces
  • visual-design-foundations - Create cohesive visual design systems
    design systemsaccessibilitytypographyUI design

    ★ 0 · Updated 2026-03-23

    Apply typography, color, spacing, and iconography principles to create cohesive visual designs

    ⚙ establish design tokens⚙ create color palettes⚙ design typography scale
  • visual-design-foundations - Visual Design Foundations for Consistent UI
    design systemsUI designvisual designtypography

    ★ 1 · Updated 2026-03-23

    Apply typography, color theory, spacing, and iconography principles to create cohesive visual designs

    ⚙ establish design tokens⚙ create style guides⚙ build color palettes
  • visual-design-foundations - Build cohesive visual design systems
    design systemvisual designtypographycolor theory

    ★ 0 · Updated 2026-03-23

    Apply typography, color, spacing, and iconography principles to create cohesive visual designs

    ⚙ establish design tokens⚙ create spacing system⚙ select typefaces
  • visual-design-foundations - Visual Design Foundations
    design systemvisual designUI designtypography

    ★ 0 · Updated 2026-03-23

    Apply typography, color, spacing, and iconography principles to create cohesive visual designs

    ⚙ apply typography principles⚙ select typefaces⚙ create spacing system
  • frontend-design - React-based Frontend Design
    frontenddesignReactUI components

    ★ 0 · Updated 2026-03-19

    Create production-grade frontend interfaces with React, Tailwind CSS, and shadcn/ui components

    ⚙ build UI components⚙ create web pages⚙ style with Tailwind CSS
  • frontend-design - Create Distinctive Production Frontend Interfaces
    HTMLCSSJavaScriptfrontend design

    ★ 0 · Updated 2026-03-10

    Creates production-grade frontend interfaces with distinctive aesthetics, avoiding generic designs.

    ⚙ create HTML structure⚙ style with CSS⚙ program JavaScript
  • tailwindcss-development - Tailwind CSS Development for Styling Applications
    CSSTailwindStylingFrontend

    ★ 0 · Updated 2026-03-09

    Styles applications using Tailwind CSS v4 utilities

    ⚙ style HTML with Tailwind classes⚙ extract patterns into components⚙ debug layout issues
  • tailwind - Master Tailwind CSS for Effective Frontend Styling
    CSSFrontendStylingTailwind

    ★ 0 · Updated 2026-02-14

    Work effectively with Tailwind CSS for frontend styling

    ⚙ style HTML with Tailwind classes⚙ check existing Tailwind conventions⚙ use existing Tailwind conventions