skills.rest
RebelliousSmile
RebelliousSmileCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/RebelliousSmile/my-claude-marketplace --skill harness-rebellioussmile
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
cwijayasundaracwijayasundara
3

deploy

Generate Docker Compose stacks, Dockerfiles, environment variables, and bootstrap scripts.

Community
Advanced
RheasilviaRheasilvia

claude-design

Generates self-contained HTML, CSS, and JavaScript design artifacts for CLI and API environments.

Community
Advanced
SjdjdiejdrirhdkjejSjdjdiejdrirhdkjej

theme-consistency

Apply design/prototype/theme.yaml values to prototype screens during creation.

Community
Intermediate
Zoomma1Zoomma1
3

claude-design-to-code

Convert Claude Design HTML mockups into Angular standalone components with templates and SCSS.

Community
Intermediate