Skills
.Work. You
Rest

wireframe-audit

Community

Audit HTML wireframes against PRD and/or UX Design System documents with detailed reports and dashboards.

Software Engineering#html#audit#prd#ux#wireframe
AuthorAndersHalo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill audits HTML wireframes against product requirements (PRD) and/or UX design system documents, ensuring alignment and identifying discrepancies.

Core Features & Use Cases

  • Audit HTML Wireframes: Compare wireframes against PRD and UX specifications.
  • Mode Selection: Choose between PRD-only, UX-only, or Full (PRD+UX) modes.
  • Output Generation: Produce structured JSON, markdown report, interactive dashboard, and screenshot gallery.
  • Use Case: Use this skill when you have HTML wireframes and need to verify they match the intended design and requirements.

Quick Start

Run the wireframe-audit skill with the required wireframe HTML file: wireframe-audit my-wireframe.html

Dependency Matrix

Required Modules

puppeteerpdf2imagepdfplumberpypdfjq

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: wireframe-audit
Download link: https://github.com/AndersHalo/halo-ai-dev-tools/archive/main.zip#wireframe-audit

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.