LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ui-styling - UI Styling with shadcn/ui & Tailwind

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

Tags

Updated: 2026-06-30
styling systemUI componentsresponsivedark modeaccessible

Capabilities

build UI componentscreate layoutsstyle with CSSimplement dark mode

Typical Inputs

component typeslayout specificationsdesign tokens

Typical Outputs

React component codeTailwind CSS stylesconfiguration files

What this skill does

  • build UI components
  • create layouts
  • style with CSS
  • implement dark mode
  • customize themes
  • generate designs

Inputs

  • component types
  • layout specifications
  • design tokens
  • theme configurations

Outputs

  • React component code
  • Tailwind CSS styles
  • configuration files
  • visual designs

Requirements

  • React framework
  • TypeScript
  • Node.js
  • shadcn/ui
  • Tailwind CSS
  • canvas support

Source

  • Spec: SKILL.md

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.