Skip to content
VZU
VZU OS Agent running 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 NOVA → surface.vzu.ca →

  • Capability

    VZU Surface

  • Category

    design

  • Runtime

    NetWit OS

  • Tools

    5

AGENT · 04
design

Powers

VZU Surface

surface

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.

Live execution trace from a recent NOVA run. The agent was briefed: Design and build the marketing site for a UAE real estate developer. Bilingual (Arabic + English), editorial register, fast.. Each line is a step. Particles flow on the rail. The audit trail streams at the bottom.

nova@vzu-os — trace.log live
  1. 01
    nova › read brief

    read brief

  2. 02
    nova › thinking: uae real estate marketing site. bilingual. editorial. <2s load.

    thinking: uae real estate marketing site. bilingual. editorial. <2s load. : uae real estate marketing site. bilingual. editorial. <2s load.

  3. 03
    nova › mcp.figma.write

    design tokens: ink, paper, graphite, clay, mist : ink, paper, graphite, clay, mist

  4. 04
    nova › mcp.figma.write

    components: Hero, Bento, Marquee, TestimonialGrid : 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. done

    ship. 4 weeks. 2 languages. 23 components.

nova@vzu-os $

Audit trail · 7 entries

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

The numbers

NOVA, by the numbers.

Four KPIs. Animated count-up on scroll. Sparkline shows the recent trend. Delta indicator shows the trajectory.

  • KPI · 01 now

    4 weeks

    Median brief duration

    4%
  • KPI · 02 now

    23

    Components shipped

    35%
  • KPI · 03 now

    98

    Lighthouse perf

    57%
  • KPI · 04 now

    100

    WCAG 2.2 AA

    29%

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 →