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.

design-guide - Modern UI Design Guidelines

Provides modern UI design principles for creating clean and professional web interfaces

Tags

Updated: 2026-05-28

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • apply design principles
  • create UI components
  • build layouts
  • design forms
  • style buttons
  • design cards
  • define colors
  • set spacing
  • select fonts
  • implement states
  • check accessibility

Inputs

  • project requirements
  • design goals
  • brand requirements
  • component specifications

Outputs

  • UI design code
  • style guidelines
  • design specifications

Requirements

  • HTML knowledge
  • CSS knowledge
  • Frontend framework support
  • Modern web browser

Source

  • Spec: SKILL.md
UI Design
Frontend Development
Design System
Web Development
CSS
apply design principles
create UI components
build layouts
design forms
project requirements
design goals
brand requirements
UI design code
style guidelines
design specifications