Eng UI Vite React

Build autocodex UI with React + Vite. Use when this capability is needed.

tomevault-io Updated

File contents

UI: React + Vite

Repo anchors (autocodex)

  • UI_PATH: web/
  • API_CONTRACT: docs/contracts/local-api.openapi.yaml

When to use

  • Implementing or updating the UI.

Preconditions

  • API contract exists.

Inputs to confirm

  • Target routes and data models
  • Performance constraints

Required artifacts

  • Typed components
  • API client module
  • Build passes

Quick path

  • Scaffold components.
  • Wire API client.
  • Run npm run build.

Steps

  1. Define routes and data loading.
  2. Implement components with typed props.
  3. Add a basic build check.

Failure modes and responses

  • No API contract: stop and define the contract first.

Definition of done

  • UI builds and renders core views.

Example (minimal)

  • View: runs list reading from /runs.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/oodaris--autocodex--eng-ui-vite-react commit 4191122ae2

Frequently asked questions

npx skillmds@latest add tomevault-io/eng-ui-vite-react