harness

Generate an autonomous HTML file for maquette fidelity testing with Python.

1|Updated Mar 3, 2026

Search Tags:#design system #HTML generation #maquette testing #fidelity checking #autonomous HTML

Ready to run

npx skills add https://github.com/RebelliousSmile/my-claude-marketplace --skill harness-rebellioussmile

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: harness
Source: https://github.com/RebelliousSmile/my-claude-marketplace/tree/main/plugins/design/skills/harness
Command: npx skills add https://github.com/RebelliousSmile/my-claude-marketplace --skill harness-rebellioussmile

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires stdlib, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the generation of an autonomous HTML file (maquette harness) for fidelity testing, eliminating the need for a server to view the prototype and streamlining the process with a dedicated oracle and copycat agent.

Core Features & Use Cases

Autonomous HTML Generation: Creates a standalone HTML file for prototype fidelity testing.
Oracle and Copycat Integration: Coordinates with the fidelity oracle and copycat agent for accurate testing.
Use Case: Ideal for design systems where rapid iteration and fidelity checking are crucial, enabling teams to quickly review and adjust their design prototypes.

Quick Start

Generate the harness for your maquette by running the command: python "${CLAUDE_PLUGIN_ROOT}/adapters/harness/harness.py" --out maquette.html

Frequently Asked Questions about harness

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

FAQPage Schema

How do I generate an autonomous HTML file for maquette fidelity testing?▼

You can generate an autonomous HTML file for maquette fidelity testing by running the harness Python script, which creates a standalone prototype and coordinates testing using an oracle and copycat agent.

What is maquette fidelity testing and when do I need it?▼

Maquette fidelity testing checks your design prototypes for accuracy and consistency. You need it during rapid iteration workflows in design systems to quickly review, adjust, and validate your prototype's visual and functional fidelity.

How do I run the harness script to create a standalone HTML prototype?▼

Run the command `python "${CLAUDE_PLUGIN_ROOT}/adapters/harness/harness.py" --out maquette.html` to generate the standalone HTML file, eliminating the need for a local server to view your prototype.

Can I use this maquette harness for rapid iteration in a design system?▼

Yes, the maquette harness is ideal for design systems where rapid iteration and fidelity checking are crucial, enabling teams to quickly generate, review, and adjust their prototypes without server dependencies.

Does the HTML generation script require a server to view the prototype?▼

No, the HTML generation script outputs an autonomous HTML file, eliminating the need for a server to view the maquette and streamlining the process of prototype fidelity testing.

Why does the fidelity testing workflow use an oracle and copycat agent?▼

The fidelity testing workflow coordinates with an oracle and copycat agent to accurately test and validate the generated HTML maquette, ensuring the prototype meets the design system's fidelity requirements.