mira-validator

Validate mira-builder HTML output for visual, structural, and asset standards.

158|49|Updated Jun 10, 2026
One-click install
npx skills add https://github.com/sandeco/mira-animator --skill mira-validator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mira-validator
Source: https://github.com/sandeco/mira-animator/tree/main/agents/mira-validator
Command: npx skills add https://github.com/sandeco/mira-animator --skill mira-validator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill analyzes the HTML output generated by /mira-builder and produces a compliance report for visual, structural, and asset standards in slides.

Core Features & Use Cases

  • Validate HTML structure and ensure typography, color usage and asset references conform to project standards.
  • Generate a review-ready report highlighting visual inconsistencies and structural issues in presentations.
  • Use Case: After a build, audit a deck to verify slides follow the defined design system and catch regressions early.

Quick Start

Execute a validation of the index.html generated by the mira-builder to obtain the conformance report.

Frequently Asked Questions about mira-validator

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

FAQPage Schema
How do I validate HTML slides for visual quality and structural consistency?

You can validate HTML slides for visual quality by executing a validation process on the generated HTML output. This audits structural conformance, typography, color usage, and asset references, producing a structured report for reviewer feedback.

What does a presentation HTML compliance report include?

A presentation HTML compliance report includes checks for typography, color usage, asset references, and accessibility notes. It highlights visual inconsistencies and structural issues to enforce design consistency and help reviewers catch regressions early.

How do I audit existing presentation decks for design system regressions?

To audit existing presentation decks for design system regressions, run an HTML validation process against the defined standards. This checks the deck's structural elements and visual properties, generating a review-ready report of any inconsistencies.

Can I check accessibility notes and asset references in generated slide HTML?

Yes, you can check accessibility notes and asset references in generated slide HTML. The validation process specifically audits these elements alongside typography and color usage, ensuring the presentation output conforms to visual and structural standards.

Do I need a specific HTML builder to generate slides before running a visual validation?

You need HTML slides generated by a compatible builder tool, such as a mira-builder, before running a visual validation. The validator analyzes this specific HTML output to ensure it conforms to the required visual, structural, and asset standards.