LogoClawIndex
CasesSkillsAbout
LogoClawIndex

visual-audit - Audit component visuals from screenshots

Audit component screenshots for pixel-level geometry, spacing, alignment, overlay, typography, zoom, overflow, and dark-mode issues, then write a read-only report.

Tags

Updated: 2026-10-01
visual-auditscreenshot-analysispixel-accuracydesign-systemcomponent-qualityui-geometrydark-mode

Capabilities

Measure screenshot geometryCompare values against specificationsCheck visual alignmentAudit overlay positioning

Typical Inputs

Target componentStory path or URLComponent screenshot

Typical Outputs

Visual audit report filePASS, FAIL, or evidence-gap resultsPrimary-context handoff message

What this skill does

  • Measure screenshot geometry
  • Compare values against specifications
  • Check visual alignment
  • Audit overlay positioning
  • Verify zoom increments
  • Check dark-mode contrast
  • Record mechanical findings
  • Write read-only audit reports

Inputs

  • Target component
  • Story path or URL
  • Component screenshot
  • Capture manifest
  • Component specification
  • Design-system rules
  • Token registry
  • Repository governance files

Outputs

  • Visual audit report file
  • PASS, FAIL, or evidence-gap results
  • Primary-context handoff message
  • Recorded screenshot observations

Requirements

  • Screenshot evidence
  • Image-reading capability
  • Storybook or product capture workflow
  • Component specification access
  • Governance evidence runtime
  • Report-file write access

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.