template-lint

What problem does it solve?

Designers often struggle to ensure poster and card templates meet visual standards across layout, alignment, spacing, typography, and export consistency. This Skill automates a comprehensive visual health check to quickly identify and summarize issues, enabling faster, more reliable design iterations.

Core Features & Use Cases

• Layout Lint: detects safe area violations, overlaps, misalignments, and grid rhythm inconsistencies.
• Typography Lint: enforces font hierarchy, line/letter spacing, and baseline alignment across multilingual text.
• Baseline Alignment: fixes baseline skew between numbers, symbols, and text.
• Spacing Consistency: standardizes intra-group and inter-group spacing for coherent composition.
• Header Collision Guard: prevents header text collisions in dense header regions.
• Grid & Rhythm: applies 8pt-based vertical rhythm for predictable composition.
• Icon Consistency: unifies stroke width, cap/join, and relative sizing across icons.
• Export QA: validates pixel alignment, font loading behavior, and export dimensions for different platforms.

Use Case: Given a 1080×1440 poster template (HTML/SVG), generate a prioritized report with concrete fixes to elevate visual quality and export readiness.

Quick Start

Run template-lint against your poster template file to generate a visual health report and suggested fixes.