html-structure-validate

Validate HTML5 structure and syntax of generated HTML documents.

Updated Nov 13, 2025
One-click install
npx skills add https://github.com/AbeJitsu/Game-Settings-Panel --skill html-structure-validate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-structure-validate
Source: https://github.com/AbeJitsu/Game-Settings-Panel/tree/main/.claude/skills/calypso/html-structure-validate
Command: npx skills add https://github.com/AbeJitsu/Game-Settings-Panel --skill html-structure-validate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AI-generated HTML, while powerful, needs deterministic validation to ensure it meets fundamental structural requirements. This Skill acts as a critical, blocking quality gate, verifying HTML5 compliance and well-formedness, preventing malformed code from progressing.

Core Features & Use Cases

  • HTML5 Compliance: Checks for proper DOCTYPE, <html>, <head>, <body> tags, and essential metadata, ensuring web standards are met.
  • Tag Closure & Nesting: Ensures all tags are correctly closed and nested, preventing rendering issues and browser inconsistencies.
  • Blocking Gate: Stops the pipeline immediately if structural errors are found, providing clear, actionable error messages to facilitate quick fixes.
  • Use Case: After an AI generates an HTML page, use this Skill to automatically verify its structural integrity, ensuring it's valid HTML5 before any further processing or deployment.

Quick Start

Validate the HTML structure of the attached '04_page_16.html' file for HTML5 compliance.

Frequently Asked Questions about html-structure-validate

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

FAQPage Schema
How do I validate HTML5 structure and syntax in generated documents?

HTML5 validation checks that your document has proper DOCTYPE, complete html, head, and body tags, correct nesting, closed tags, and required metadata. This Skill performs structural compliance checks on generated HTML files and returns a JSON report with validation status and exit codes (0 for valid, 1 for invalid) to control pipeline progression.

Can I use HTML validation as a blocking quality gate in an AI pipeline?

Yes. This Skill stops the pipeline immediately if structural errors are detected, preventing malformed HTML from progressing downstream. It provides actionable error messages and exit codes so you can halt or retry processing before deployment.

What HTML5 compliance checks does this Skill perform?

The Skill verifies DOCTYPE declaration, proper tag hierarchy, head and body container structure, well-formed tag closure and nesting, essential metadata presence, and resource link validity. It ensures your HTML meets web standards and renders consistently across browsers.

When should I validate HTML structure in my workflow?

Run validation immediately after AI generates an HTML page to catch structural errors early. Use it as a deterministic quality gate before any further processing, optimization, or deployment to ensure the file is valid HTML5 before downstream steps.

What output does HTML validation produce?

The Skill generates a structured JSON validation report detailing compliance status, specific structural violations, and an exit code (0 for valid documents, 1 for invalid). Use the report and exit code to decide whether to proceed or halt the pipeline.

Do I need special tools to validate HTML syntax and structure?

No prerequisites beyond your generated HTML file. This Skill handles deterministic HTML5 compliance checking without additional dependencies, loading the file, performing syntax and structure checks, and returning validation results in a structured format.