LogoClawIndex
CasesSkillsAbout
LogoClawIndex

design-guide - Modern UI Design Guidelines

Modern UI design principles and guidelines for clean, professional interfaces

Tags

Updated: 2026-05-28
designfrontendUIweb development

Capabilities

apply design principlesdefine color palettecreate typography hierarchyimplement spacing system

Typical Inputs

content requirementsdesign requirementsfrontend framework

Typical Outputs

CSS frameworkweb page layoutUI component code

What this skill does

  • apply design principles
  • define color palette
  • create typography hierarchy
  • implement spacing system
  • design button states
  • create card layouts
  • build form elements
  • develop responsive layouts

Inputs

  • content requirements
  • design requirements
  • frontend framework
  • brand guidelines

Outputs

  • CSS framework
  • web page layout
  • UI component code
  • design documentation

Requirements

  • HTML knowledge
  • CSS knowledge
  • Responsive design
  • Frontend framework 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.