LogoClawIndex
CasesSkillsAbout
LogoClawIndex

design-system-guard - Validate UI against design system rules

Validate UI screens against Lucid Labs design system rules

Tags

Updated: 2026-03-10
design systemUI validationLucid LabsTailwind CSS

Capabilities

validate brand colorsvalidate typography rolesvalidate layout patternsvalidate interactive elements

Typical Inputs

UI screenshotsComponent file pathsASCII layouts

Typical Outputs

Validation resultsCritical violations listSuggested fixes list

What this skill does

  • validate brand colors
  • validate typography roles
  • validate layout patterns
  • validate interactive elements
  • validate status display
  • validate empty states
  • validate visual calmness
  • generate validation report

Inputs

  • UI screenshots
  • Component file paths
  • ASCII layouts
  • Screen descriptions

Outputs

  • Validation results
  • Critical violations list
  • Suggested fixes list

Requirements

  • File system access
  • Code reading permission

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.