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.

ui-design-brain - Generate production-grade UI components and web interfaces.

Provides design guidelines and component patterns from 60+ UI components to generate production-grade web interfaces and code.

Tags

Updated: 2026-09-19

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Identify required UI components
  • Apply UI component best practices
  • Select design style presets
  • Generate React and Tailwind code

Inputs

  • User UI design requests
  • components.md reference file

Outputs

  • React and Tailwind CSS code
  • UI design guidance

Requirements

  • components.md file access
  • React and Tailwind CSS environment

Source

  • Spec: SKILL.md
ui-design
components
react
tailwind-css
design-system
Identify required UI components
Apply UI component best practices
Select design style presets
Generate React and Tailwind code
User UI design requests
components.md reference file
React and Tailwind CSS code
UI design guidance