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.

robis-design-best-practice - Robi's Design Best Practice

Provides UI design principles and rules covering color theory, WCAG contrast, spacing systems, icons, animations, and micro-interactions.

Tags

Updated: 2026-09-09

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Apply color theory guidelines
  • Set 4px spacing systems
  • Calculate nested border radii
  • Enforce icon consistency rules
  • Configure dark mode styles
  • Implement smooth animation easings
  • Add UI micro-interactions

Inputs

  • UI component designs
  • Color specifications
  • Code implementation snippets

Outputs

  • UI design recommendations
  • CSS and Tailwind code snippets
  • Color and spacing adjustments

Requirements

    Source

    • Spec: SKILL.md
    ui-design
    design-system
    css
    accessibility
    frontend
    color-theory
    Apply color theory guidelines
    Set 4px spacing systems
    Calculate nested border radii
    Enforce icon consistency rules
    UI component designs
    Color specifications
    Code implementation snippets
    UI design recommendations
    CSS and Tailwind code snippets
    Color and spacing adjustments