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.

setup-design-system - Initialize Design System with UI Components

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

Tags

Updated: 2026-05-28

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • check feature branch
  • assess design system
  • create component
  • configure Tailwind
  • define design tokens
  • test component
  • audit accessibility
  • write documentation
  • commit changes

Inputs

  • project repository
  • brand guidelines
  • color palette
  • Figma designs

Outputs

  • design system
  • UI components
  • Tailwind configuration
  • component documentation

Requirements

  • Git repository
  • Node.js environment
  • React project
  • TypeScript support

Source

  • Spec: SKILL.md
design-system
Tailwind
shadcn
accessibility
components
React
TypeScript
check feature branch
assess design system
create component
configure Tailwind
project repository
brand guidelines
color palette
design system
UI components
Tailwind configuration