gan-harness-edho-ferdian

Iterates UI prototypes through a Plan-Generate-Evaluate loop with rubric-scored browser evaluation.

2|Updated Sep 6, 2026
One-click install
npx skills add https://github.com/edhoferdian/EEF --skill gan-harness-edho-ferdian-edhoferdian
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gan-harness-edho-ferdian
Source: https://github.com/edhoferdian/EEF/tree/main/.agents/skills/gan-harness-edho-ferdian
Command: npx skills add https://github.com/edhoferdian/EEF --skill gan-harness-edho-ferdian-edhoferdian

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Rapid UI prototyping often produces generic, AI-slop-looking interfaces with no objective quality bar, and self-evaluation by the same agent that built the app is unreliable. This Skill runs an adversarial loop where a generator builds a live app and a separate evaluator drives it in a real browser, scores it against a weighted rubric, and feeds concrete fixes back until a quality threshold is crossed. ## Core Features & Use Cases - Three-phase adversarial loop: Plan derives scope from real sources (a Decision Register, mined specs, or an explicitly gated exploratory proposal), Generate builds and commits per iteration, and Evaluate drives the live app and scores design, originality, craft, and functionality on a weighted rubric with a 7.0 pass threshold. - Honest evaluation modes: detects the available browser-automation driver at runtime (Playwright MCP, Chrome DevTools MCP, desktop automation) and records the mode actually achieved — live-driver, screenshot, or code-only — never silently downgrading. - AI-slop craft checklist: a concrete checklist of generic gradients, unthemed component libraries, stock heroes, and missing interaction states, with citations used in evaluator feedback. - Use Case: You want to explore what a dashboard for an existing brownfield app could look like. The loop pulls requirements from mined specs, builds a live prototype, drives it in a browser, scores it, and iterates up to 5 rounds until the weighted score reaches 7.0. ## Quick Start Ask the assistant to run the gan-harness loop to prototype and iteratively improve a UI for the current project until the design rubric score passes 7.0.

Frequently Asked Questions about gan-harness-edho-ferdian

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

FAQPage Schema
How do I run an automated design critique loop on a UI prototype?

Run the gan-harness loop: a Plan phase writes a spec and rubric, a Generate phase builds the live app, and an Evaluate phase drives it in a browser and scores it. The loop repeats until the weighted score reaches 7.0 or the 5-iteration cap is hit.

How does the generate-evaluate loop avoid biased self-evaluation?

Generate and Evaluate run as separate agents so the evaluator never sees the generator's reasoning. On harnesses without sub-agent delegation, the phases run inline but the feedback file must state that no isolation guarantee existed.

Which browser automation tools does the evaluation phase support?

The evaluator detects the available driver at runtime rather than hardcoding one: Playwright MCP is preferred, then Chrome DevTools MCP or equivalent browser tooling, then desktop automation for native targets. If none work, it falls back to screenshot or code-only mode and reports that honestly.

When should I use this instead of a full feature-development workflow?

Use it for fast, loose UI and prototype iteration where craft and design exploration matter more than correctness guarantees. For production feature work requiring test-first discipline and review gates, use the dev-kickoff workflow instead.

What happens if the quality threshold is never reached?

The loop stops at the max-iteration cap (default 5) and reports the current score and remaining failures honestly. It never extends the cap on its own, and flags stuck loops where the same critical issue survives two consecutive iterations.