lusena-spacing-audit
CommunityAudit and validate page spacing.
Authorfulfon
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the measurement and validation of spacing between all visible elements on a webpage, ensuring adherence to design specifications and detecting common CSS layout bugs.
Core Features & Use Cases
- Automated Measurement: Measures distances between all visible content elements on a page.
- Spec Validation: Compares measured values against a JSON specification, reporting pass/fail status.
- Bug Detection: Auto-detects common CSS spacing issues like unreset margins, off-grid values, and overlaps.
- Baselining: Captures raw measurements for creating new spacing specifications.
- Use Case: After updating the CSS for a product page, use this Skill to verify that all spacing remains consistent with the design spec and that no new layout issues have been introduced.
Quick Start
Use the lusena-spacing-audit skill to validate spacing on the homepage desktop.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: lusena-spacing-audit Download link: https://github.com/fulfon/lusena-dawn/archive/main.zip#lusena-spacing-audit Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.