LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ui-design - Awwards Quality UI Design with Tailwind CSS

Designs modern, high-quality user interfaces using Tailwind CSS and design systems

Tags

Updated: 2026-02-24

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • generate design system guidelines
  • create UI components
  • apply brand colors
  • implement responsive layouts
  • add micro-animations

Inputs

  • brand.json file
  • sitemap.json file
  • design system output
  • Tailwind CSS framework

Outputs

  • HTML markup
  • CSS styling
  • UI component library
  • responsive web pages

Requirements

  • Tailwind CSS environment
  • UI/UX Pro Max design system
  • Python 3 for scripts
  • brand configuration file

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.
UI Design
Frontend
Tailwind CSS
Responsive Design
Web Development
generate design system guidelines
create UI components
apply brand colors
implement responsive layouts
brand.json file
sitemap.json file
design system output
HTML markup
CSS styling
UI component library