layout-spacing-checker

Layout & Spacing Scale Checker

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "layout-spacing-checker" with this command: npx skills add cantagestudio/cosmicatlaspacker/cantagestudio-cosmicatlaspacker-layout-spacing-checker

Layout & Spacing Scale Checker

Validate spacing values against a defined scale and find inconsistencies.

Quick Start

python3 scripts/check_spacing.py --scale spacing.yml --source src/

Issue Types

Type Severity Description

off-scale

warning Value not in spacing scale

inconsistent

info Different spacing for similar components

zero-spacing

info Potentially missing spacing

excessive

warning Unusually large spacing value

Detection Examples

CSS/SCSS

/* off-scale: 17px not in scale / .card { padding: 17px; } / Suggested: 16px (md) or 20px */

SwiftUI

// off-scale: 15 not in scale .padding(15) // Suggested: .padding(16) or spacing token .md

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

refactor-dedupe-and-cleanup

No summary provided by upstream source.

Repository SourceNeeds Review
4-cantagestudio
General

task-segmentation

No summary provided by upstream source.

Repository SourceNeeds Review
3-cantagestudio
General

design-tokens-validator

No summary provided by upstream source.

Repository SourceNeeds Review
3-cantagestudio
General

aesthetic-pattern-miner

No summary provided by upstream source.

Repository SourceNeeds Review
3-cantagestudio