agentsclimarketplace

Design artifact evaluator

Skill nick3/vibe-design-skills/skills/design-artifact-evaluator

Project-agnostic skills for governed Agent-assisted product and UI design

Install
npx -y skills add nick3/vibe-design-skills --skill design-artifact-evaluator

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

  • 20 days oldThe repository was created 20 days ago. New is not bad, but a brand new repository carrying a familiar-sounding name is the shape a typosquat arrives in, and there has been no time for anyone else to find a problem with it.
  • 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Independently evaluate a rendered product or UI artifact by collecting browser/device evidence, checking real structure and interactions, applying the project's EVAL.md subchecks and blockers, producing a deterministic verdict and prioritized return plan, and comparing iteration rounds. Use this skill whenever a user asks to review, QA, score, validate, approve, release-gate, or iteratively improve a real screen, flow, prototype, website, app, or generated interface. Do not use it to author the evaluation standard or silently fix the artifact while judging it.

SKILL.md

8.1 KB, ~1.6k tokens by cl100k_base, as published. Nobody here has run it

Design Artifact Evaluator

Operate the evidence and release side of the Vibe Design loop:

freeze artifact → collect facts → review visible experience
→ compute policy → apply blockers → report → return/stop

Read:

  • references/evidence-protocol.md;
  • references/scoring-runtime.md;
  • assets/EVALUATION-REPORT.template.md;
  • assets/evaluation-output.schema.json when structured output is needed.

Use scripts/recompute-scores.mjs when numerical subcheck scores are present. It recomputes the ledger and detects inconsistencies without deciding the governance verdict.

Role isolation

Evaluate only:

  • task/request and approved feature SPEC.md;
  • declared review mode and scope;
  • visible/runnable artifact at an identified version;
  • approved foundation documents;
  • collected browser/device evidence;
  • previous evaluation result when comparing rounds.

Do not rely on the generator’s hidden plan, private reasoning, effort, or post-hoc explanation. Missing visible evidence remains missing.

Default to report-only. The evaluator must not modify the artifact or governing standards in the same review unless the user separately authorizes a clearly separated fix-and-rerun phase.

Review modes

Read the project's EVAL.md. Common modes are:

  • exploration: assess direction and major risks; incomplete implementation may be allowed when explicit.
  • prototype: require a real primary path, visible feedback, and representative recovery.
  • release: require production-appropriate data, behavior, accessibility, permissions, recovery, and evidence.

The mode changes readiness policy, not the truth of the evidence.

Outputs

Create a round-specific record:

design/features/<feature-id>/evaluations/round-<n>/
├── evidence/
│   ├── manifest.md
│   ├── screenshots/
│   ├── dom-layout.md
│   ├── page-profile.md
│   └── interaction-smoke.md
├── evaluation.json
├── score-calculation.json
└── EVALUATION.md

Adapt paths when the project has an established convention. Never overwrite prior rounds.

Workflow

1. Establish evaluation authority and scope

Record:

  • artifact location, version/commit/frame, and source of truth;
  • task, feature spec, and maturity;
  • required states, paths, viewports, themes, locales, and modalities;
  • evaluation standard and policy version;
  • allowed test accounts/data and prohibited side effects;
  • previous round and current best version.

If release-critical scope or authority is unknown, return BLOCKED rather than inventing it.

2. Freeze and render the target

Use the environment’s available browser, device, preview, or design-inspection capability. Confirm that the rendered target corresponds to the stated source version.

Wait for meaningful stability without hiding long-running behavior. Record network, font, fixture, authentication, feature-flag, and environment limitations that could change evidence.

Do not run destructive, paid, external-message, or real-user actions merely to complete a smoke test. Use a safe test environment, fixture, mock, or mark the evidence unavailable.

3. Collect deterministic evidence

Follow references/evidence-protocol.md and collect applicable layers:

  • DOM/layout/accessibility facts;
  • page/content profile;
  • key interaction and recovery smoke;
  • screenshots or device captures;
  • console, page, resource, and runtime failures;
  • data provenance and content truth checks;
  • design-system conformance facts.

Evidence collection must identify viewport/state/path and reproducible steps. A screenshot without context is not a complete finding.

4. Establish evidence sufficiency

For every required subcheck mark evidence:

  • present;
  • partial;
  • conflicting;
  • missing;
  • not_applicable with rationale.

Apply the EVAL.md missing-evidence policy. Do not award a pass because a state was never inspected.

5. Evaluate subchecks

Use the project’s page/task shape, dimensions, subchecks, and weights. For each subcheck provide:

  • verdict or score on the approved scale;
  • direct evidence reference;
  • deduction reason;
  • why the result is not stronger;
  • recommendation;
  • return destination.

Browser QA provides facts; design judgment explains their product impact. Neither substitutes for the other.

If no approved EVAL.md exists, produce a clearly labeled diagnostic review using the provisional dimensions in references/scoring-runtime.md. It cannot authorize release.

6. Recompute policy deterministically

Use the calculation and blocker policy approved in EVAL.md. When numerical scoring is enabled:

  • calculate from recorded subchecks rather than asking the review model for an intuitive total;
  • apply page/task-shape weights exactly;
  • record all inputs and formulas;
  • apply blocker and missing-evidence overrides after score calculation;
  • validate structured output against the schema when tooling is available.

Run:

node scripts/recompute-scores.mjs <path-to-evaluation.json>

Save the returned ledger as score-calculation.json. Resolve every reported inconsistency before issuing a verdict. The helper deliberately does not choose PASS, REVISE, or BLOCKED; apply the approved EVAL.md threshold, blocker, and missing-evidence policy to the verified calculations.

If weights, thresholds, or mappings are absent, report dimension-level results and governance gaps; do not invent a precise overall score.

7. Decide the gate

Use the project’s verdict vocabulary. Unless overridden, the compatible set is:

  • PASS;
  • PASS_WITH_FOLLOW_UP;
  • REVISE;
  • BLOCKED.

State the score, threshold, mode, and blocker result separately. A high average cannot cancel a blocker.

8. Produce a prioritized return plan

For a non-pass result, return a small ordered set containing:

  • finding and evidence;
  • affected task/dimension and blocker status;
  • user/product impact;
  • source or generation stage to revisit;
  • concrete next action;
  • owner or human decision required;
  • expected evidence for the next round.

Avoid broad instructions such as “improve UX” or an unranked list of every imperfection.

9. Compare rounds and stop

When a previous round exists:

  • compare the same subchecks and evidence scope;
  • identify fixed, unchanged, regressed, and newly exposed findings;
  • retain the best valid artifact/version;
  • distinguish real improvement from missing evidence or changed scope.

Apply approved stop rules: pass, maximum rounds, plateau, regression, unavailable evidence, or human research/decision required. The evaluator recommends the stop state; the authorized owner decides exceptions.

10. Return learning candidates

Classify recurring findings as possible updates to:

  • SPEC;
  • PRODUCT or DOMAIN;
  • DESIGN or CRAFT;
  • COMPONENTS, PATTERNS, or TEMPLATES;
  • AGENTIC-INTERFACE;
  • EVAL or evidence tooling.

A repeated failure is a candidate for governance review, not automatic permission to rewrite the standard.

Boundaries

  • Do not give PASS from a static source-code reading when rendered evidence is required.
  • Do not reduce design quality to browser lint or a single score.
  • Do not let visual polish offset a broken path, unsafe domain logic, or inaccessible content.
  • Do not fabricate screenshots, clicks, user research, analytics, or test results.
  • Do not penalize unsupported platforms outside the declared scope; record the limitation.
  • Do not expose private generator reasoning in the report.
  • Do not mutate the artifact during the independent evaluation phase.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.