skills.rest
wensia
wensiaCOMMUNITY
Explore all skills by this author →
GitHub

template-lint

Lint HTML/SVG poster templates with an 8-check workflow and generate remediation reports.

2|1|Updated Dec 30, 2025
Search Tags:#typography#template#poster#layout#lint#visual-quality#export-qa
One-click install
npx skills add https://github.com/wensia/xiaohongshu-poster-generator --skill template-lint
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: template-lint
Source: https://github.com/wensia/xiaohongshu-poster-generator/tree/main/skills/template-lint
Command: npx skills add https://github.com/wensia/xiaohongshu-poster-generator --skill template-lint

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about template-lint

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my HTML poster template for visual alignment and spacing issues?▼

To check visual alignment and spacing issues in an HTML poster template, you can perform an automated template linting process. This applies an 8-check workflow to detect layout misalignments, standardize intra-group and inter-group spacing, and generate a structured report with actionable remediation guidance.

What is template linting for poster visual quality?▼

Template linting for poster visual quality is an automated process that identifies and fixes visual defects in HTML/SVG poster templates. It detects layout, alignment, spacing, typography, and export-quality issues, then provides step-by-step fixes to elevate visual composition and export readiness.

Can I fix typography and baseline alignment issues in SVG poster templates?▼

Yes, you can fix typography and baseline alignment issues in SVG poster templates by running a visual health check. It enforces font hierarchy, line and letter spacing, and specifically corrects baseline skew between numbers, symbols, and multilingual text.

Does template linting validate font loading and export dimensions for different platforms?▼

Yes, template linting validates export readiness for different platforms through an export QA check. This process verifies pixel alignment, monitors font loading behavior, and validates export dimensions to ensure your poster template meets platform-specific requirements.

How do I enforce 8pt grid rhythm and prevent header collisions in poster layouts?▼

To enforce 8pt grid rhythm and prevent header collisions in poster layouts, apply a comprehensive visual lint check. This detects grid rhythm inconsistencies using an 8pt-based vertical rhythm and guards against header text collisions in dense header regions.

Related Skills

Explore More Design & Creative Skills→
pipixia-labspipixia-labs
38

magazine-poster

Create an editorial-style HTML poster with a newspaper-like layout.

Official
Intermediate
m0atm0at
1

pptx-posters

Create HTML/CSS research posters and export them to PDF or PPTX.

Community
Advanced
dylantarredylantarre
38

icon-system

Standardize icon delivery with SVG sprites and inline components.

Community
Basic
brianlovinbrianlovin
357

rams

Analyze UI components for WCAG violations and visual design inconsistencies.

Community
Advanced