The Vitris website harness

Intelligence.
With direction.

The Vitris website harness connects business context, creative judgment and website verification. A connected process for building custom websites—and making them better.

Explore the workflowGet the harness
Follow the thread. Explore the process.

A connected process.
A considered website.

Good websites take more than a single prompt. They need a clear understanding of the business, a point of view and care in the details. The harness gives that work a connected structure, so our team can focus on the decisions that matter.

It starts with
a conversation.

A link, a goal and a few notes give your agent a place to begin.

Example brief

You

Create a website for my business. Use our current site as a starting point and make it easy to get in touch.

Your current website
Your agent

I’ll gather the context, shape the direction, then build and check the pages.

The control layer

The harness keeps the work connected.

01 / RUNNERCoordinates

Selects the next eligible stage. Prepares context, limits writes, evaluates results and routes repairs.

02 / ACTIVE AGENTCreates & reviews

Reads the current stage, makes the allowed changes and submits work with its preparation ID.

03 / TOOLSBuild & measure

Capture source material, compile pages and collect evidence from the actual browser.

PrepareWorkCompleteEvaluateNext stage or repair
The production path
Agent workToolReview gate
  1. 01

    Understand

    Turn source material into a shared foundation.

    HarvestCapture source pages & original media
    Business context
    Factual review
    Media auditInventory & usable assets

    Both branches feed the next stage.

    Carried forward

    Captured evidence
    Business facts
    Media inventory

  2. 02

    Find the story

    Give the website a point of view.

    Narrative brief
    Narrative review
    Reference analysis
    Template reference reviewConditional · template adaptation
    Art direction
    Direction review
    Asset productionConditional · artwork production

    When enabled The template and artwork steps join the path only when their respective options are enabled.

    Carried forward

    Story & reference relationships
    Visual direction
    Accepted assets

  3. 03

    Plan the experience

    Connect the story to pages, sections and actions.

    Storyboard
    Copy plan
    Editorial review
    Carried forward

    Routes & section plans
    Media placements
    Reviewed copy

  4. 04

    Prove the direction

    Build representative pages before expanding.

    Representative pagesHomepage + representative interior
    Browser capture
    Representative review
    Design-quality gate
    Carried forward

    Working page designs
    Real browser renders
    Quality findings

  5. 05

    Build & verify

    Develop the whole site. Check the real experience.

    Expand the copy
    Build remaining pages
    Full-site browser checksRoutes · responsive layouts · interactions
    Visual review
    Content review
    Carried forward

    Compiled website
    Desktop & mobile evidence
    Visual & content findings

  6. 06

    Ready to explore

    Bring the evidence together.

    Final aggregate checksVerified local preview
    The result

    A working website
    ready for local review

A failed check returns to the stage that owns the fix.

Repair the cause, rebuild and collect fresh evidence. Two identical failures stop automatic continuation until an explicit restart with a reason.

Review → Repair → Recheck
The continuation loop

The next change starts with context.

FeedbackScope & baselineAffected stagesRegression checks

Site memory carries accepted facts, preferences and decisions forward after final checks pass.

A separate, explicit action

Publish when instructed.

Deployment uses the configured hosting account and its required checks. Local preview is the normal stopping point.

Read from top to bottom. Review gates can send work back; accepted context moves forward.@tryvitris/website-harness

The systems underneath

Shared capabilities support every stage.

Design library

Versioned templates, reference studies, themes, components and icons give the agent reusable visual foundations. A supplied template follows an adaptation path with its own fidelity and review checks.

Media & artwork

Harvested assets, stock search, registration, inspection and placement records keep media connected to its source. Optional artwork production follows the accepted direction.

Compiler & runtime

Pages, components, theme tokens and assets compile into a static website. Focused browser code supports interactions, motion and configured integrations.

Change engine

The CLI and programmatic API inspect revisions, prepare changes, apply supported operations and verify results. Preservation rules and source hashes help catch unintended or stale edits.

Optional cloud services

Configured Cloudflare hosting and backend services can support publishing, owner administration, contact forms, leads and analytics. The admin command can prepare a separate dashboard for the site owner. Static authoring and local preview do not require a cloud account.

Stage knowledge

Business research, design, accessibility, SEO and motion guidance load with the relevant stage. Optional analysis assistance can support the work; it does not replace the required review gates.

An original visual language

Small details.
A language of their own.

381 original SVG icons, built into the harness. Four complete styles span the collection; five expressive studio families cover a curated selection.

Each website page includes only the icons it uses. Crisp vector artwork, brandable color and no icon font to download.

Explore the icon library
house
solar-panel
croissant
faucet
paw
hands-care
tractor
hair-dryer
house-key

Available on npm

Open source.
Built to be
built on.

The Vitris website harness is available as a public npm package. Install it in your project and use it with your coding agent to build, verify and refine a website.

View the npm package
@tryvitris/website-harnessPublished npm package
npm install --save-dev @tryvitris/website-harness
Node.js 24 or newer required.

Questions about the harness

A little
more context.

Do I need to learn the harness to work with Vitris?

No. For a Vitris website project, our team uses the harness as part of the design and build process. You bring your business knowledge, content and feedback. Explore our Services to see how we can help.

Does AI make the design decisions?

People direct the work. Business context, creative judgment and your feedback shape the website. The harness helps our team carry that direction through building and checking it.

What does verification include?

The harness checks the built website in the browser, including routes, links, layouts and interactions. Visual and content reviews add judgment to those technical checks. Issues still need attention and review before a change is ready to publish.

Can I use the harness myself?

Yes. Install the public @tryvitris/website-harness npm package and use it with your coding agent. The package includes setup documentation and the workflow for building, verifying and refining a website. Node.js 24 or newer is required.