{
  "schema_version": "1.1",
  "id": "auto-2f54eb4a2e",
  "slug": "how-our-agents-build-on-brand-pages-with-design-md-2f54eb4a2e",
  "url": "https://feed7.dev/p/how-our-agents-build-on-brand-pages-with-design-md-2f54eb4a2e",
  "title": "How our agents build on-brand pages with design.md",
  "why_included": "Pair written design guidance with fixed CSS primitives and frozen eval prompts to make agent-built interfaces more consistent.",
  "summary": "Vercel found that prose alone produced inconsistent agent-made pages, then paired design.md with fixed CSS primitives and repeatable evals to encode brand judgment.",
  "practical_implication": "For agent-built interfaces, encode reader intent and composition rules in context, move mechanical choices into reusable CSS, and rerun frozen prompts after every guidance change. Keep human review for hierarchy and deterministic checks for layout failures.",
  "agent_context": "Vercel built **design.md** as a public guidance file, paired it with a public stylesheet and an evaluation loop. It tests **seven fixed scenarios** across Claude Opus 4.8 and Codex with GPT-5.5.\n\nFor agent-built interfaces, encode reader intent and composition rules in context, move mechanical choices into reusable CSS, and rerun frozen prompts after every guidance change. Keep human review for hierarchy and deterministic checks for layout failures.\n\nThe reported comparison used one generation per condition with no rerolls. It shows that guidance changed one page's structure, but does not establish general reliability across models, prompts, or brands.",
  "source": {
    "name": "Vercel",
    "url": "https://vercel.com/blog/how-our-agents-build-on-brand-pages-with-design-md",
    "published_at": "2026-08-31T00:00:00.000Z"
  },
  "source_class": "blog_post",
  "content_type": "Engineering Post",
  "layer": "agent",
  "domains": [
    "coding"
  ],
  "topics": [
    "skills",
    "harness-engineering",
    "design-engineering"
  ],
  "verification": {
    "status": "official_source",
    "label": "Official Source",
    "method": "source_feed",
    "verified_at": null
  },
  "uncertainty": [],
  "connected_context": null,
  "lifecycle": "New",
  "published_at": "2026-08-31T00:00:00.000Z",
  "modified_at": "2026-08-31T00:00:00.000Z",
  "supersedes": [],
  "expires_at": null,
  "formats": {
    "html": "https://feed7.dev/p/how-our-agents-build-on-brand-pages-with-design-md-2f54eb4a2e",
    "json": "https://feed7.dev/p/how-our-agents-build-on-brand-pages-with-design-md-2f54eb4a2e.json",
    "markdown": "https://feed7.dev/p/how-our-agents-build-on-brand-pages-with-design-md-2f54eb4a2e.md"
  }
}