design-agent-evals

$npx mdskill add langchain-ai/design-agent/design-agent-evals

Eval runs spend model and media money. `eval run` prints the budget: show it to the person and get a yes. The whole set costs about $120 per model; a few tasks cost a few dollars.

SKILL.md

.github/skills/design-agent-evalsView on GitHub ↗
---
name: design-agent-evals
description: Find out whether a change made Design Agent better or worse. Run the eval set or a few tasks before and after against the same model, read the reports, look at the files, and turn a real request that went wrong into a task. Use after changing instructions, skills, checks or models, or when someone asks how good it is.
---

# Evaluate a change

Eval runs spend model and media money. `eval run` prints the budget: show it to the person and get
a yes. The whole set costs about $120 per model; a few tasks cost a few dollars.

1. `uv run design-agent eval list` shows every task with its dollar and minute caps.
2. **Pick the tasks the change touches**, plus one behavior task: still tasks for a stills skill,
   the teaser and film for motion, `exact-copy` for copy rules.
3. **Run before and after, same model, same tasks:**
   `uv run design-agent eval run --task <id> --task <id> --out workspace/out/evals/<label>`.
4. **Read the reports.** Each folder has `report.json`, `README.md` (failed checks per task, spend,
   time) and `files/<task>/`. Open the files and look at them. The graders check outputs, sizes,
   copy and behavior, never taste: a person judges taste.
5. **Report numbers from the reports:** checks passed, spend and time, before against after. Do not
   summarize a run you did not read.
6. **Turn a real failure into a task.** When a thread shows something going wrong, add an entry to
   `tests/eval/tasks.json` modelled on a similar task (the request, expected outputs and sizes, exact
   copy lines, budgets), then `uv run pytest -q tests/unit/test_evals.py`.

Graders and reports: [Evals](../../../docs/evals.md).

More from langchain-ai/design-agent

SkillDescription
brand-onboardingBuild the active brand pack in workspace/brand/ from a brand guide, website, files or a Paper file, validate it, and have a person review it.
data-vizCharts, stat cards, flywheels and diagrams (flows, architectures, hierarchies) rendered on brand from a JSON spec to PNG and SVG. Use for any visual whose job is numbers or relationships, including restyling an attached chart or diagram.
design-agent-customizeChange what Design Agent knows and does. Teach it a new deliverable with a runtime skill, change its instructions, design doctrine or checks, connect MCP servers and tools, or change models and cost caps. Use when someone wants it to make something new, follow a new rule, or use another tool.
design-agent-deployPut Design Agent in a team's Slack. Deploy it to Managed Deep Agents (one command, managed Slack app) or self-host it with Docker Compose, verify it with a real request, ship updates, and keep a separate test copy. Use when someone wants the agent running for their team.
design-agent-onboardingInstall and configure Design Agent, add a brand, connect Paper, choose MDA or self-hosting, and diagnose setup without exposing credentials.
design-agent-troubleshootDiagnose Design Agent when something fails. Setup, a render, a deploy, Slack or a model call. Run doctor and the connection tests, read logs and traces, match the symptom to its fix, and never print credentials. Use when a command errors, a reply never comes, or a file looks wrong.
design-agent-updateBring a fork or clone of Design Agent up to date with the upstream repository while keeping the team's brand, skills and edits, rebuild what changed, and redeploy safely. Use when someone asks to update, upgrade or pull the latest Design Agent.
design-wikiDesign doctrine to weigh on any visual. Hierarchy, typography, colour, layout, platform sizes, chart and diagram principles, and the review rubric critics score against.
embedded-captions>
faceless-explainerTurn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes.