Skip to content
VZU
VZU OS · Agent

Agent 04 of 12

NOVA.

Editorial UI designer.

Nova is the VZU Surface agent. Editorial-grade React/Next.js UI. The same designer who runs the locked VZU palette, the typography stack, the animation library. Design-first, code-aware.

Brief VZU on NOVA → Open surface.vzu.ca →

The role

What NOVA does

NOVA is the dedicated agent behind VZU Surface. It runs every time the operator briefs the vzu surface capability. It owns the goal, the toolset, the memory, the audit trail.

The goal

What NOVA is trying to achieve

"Design and ship an editorial-grade UI that meets WCAG 2.2 AA, animates with editorial restraint, and uses the locked VZU palette."

The capability

What it powers

NOVA powers the VZU Surface capability in the VZU family.

Visit surface.vzu.ca →

The toolset

5 MCP actions NOVA can call.

Every action is exposed as an MCP server (Model Context Protocol). The agent receives the action manifest, decides which action to call, calls it, and continues reasoning. The audit trail records every call.

  • mcp.figma.write

    Write the Figma file

  • mcp.code.write

    Write the production code

  • mcp.a11y.check

    Run WCAG 2.2 AA checks

  • mcp.lighthouse.run

    Run Lighthouse perf checks

  • mcp.storybook.publish

    Publish to Storybook

The memory schema

What NOVA remembers between calls.

  • → The design tokens
  • → The component library
  • → The animation library

The brief

A real demo brief.

"Design and build the marketing site for a UAE real estate developer. Bilingual (Arabic + English), editorial register, fast."

Below is NOVA's actual execution trace for this brief — every step, every MCP call, every observation, every audit trail entry.

The execution trace

What NOVA did.

nova@vzu-os — trace.log
  1. 01 ◉ nova > read brief
  2. 02 ◐ nova > thinking: uae real estate marketing site. bilingual. editorial. <2s load.
  3. 03 ◇ nova > mcp.figma.write > design tokens: ink, paper, graphite, clay, mist
  4. 04 ◇ nova > mcp.figma.write > components: Hero, Bento, Marquee, TestimonialGrid
  5. 05 ◇ nova > mcp.code.write > astro 5 + gsap + lenis
  6. 06 ◇ nova > mcp.a11y.check > 0 violations, wcag 2.2 aa
  7. 07 ◇ nova > mcp.lighthouse.run > performance 98, accessibility 100, seo 100
  8. 08 ◇ nova > mcp.storybook.publish > 23 components documented
  9. 09 ⏵ nova > ship. 4 weeks. 2 languages. 23 components.
nova>

Audit trail · 7 entries

  • T+00:00:00 brief.received
  • T+00:00:23 tokens.drafted
  • T+00:04:11 figma.opened
  • T+01:08:00 figma.components.completed
  • T+02:00:00 code.completed
  • T+03:00:00 a11y.passed
  • T+04:00:00 brief.completed

The numbers

NOVA, by the numbers.

  • 4 weeks

    Median brief duration

  • 23

    Components shipped

  • 98

    Lighthouse perf

  • 100

    WCAG 2.2 AA

The other 11

Every agent in the family.

Get in touch

Brief NOVA.

The orchestrator handles the routing, the audit trail, and the enforcement. NOVA handles the work. The operator owns the goal.

Brief VZU → surface.vzu.ca →