ViraUI

LLM-first design system documentation for humans who intervene when agents need help.

ViraUI is built so LLMs use the design system first. Humans read these docs for orientation, principles, and advanced intervention — not as a prop encyclopedia.

How to work with ViraUI

  1. Install consumer skills and let the agent compose UI.
  2. Use package agent specs (@viraui/react/specs) when the agent needs precise contracts.
  3. Open these human docs when you need the story, common patterns, or a prompt to ask the agent for deeper detail.

Structure (stubs)

SectionPurpose
IntroWhy, principles, layers, skills
Get startedSetup prompts + short explanations
FoundationTheme, color, motion, elevation, type, …
ComponentsNarrative pages by Storybook category

Full editorial content and final prompts arrive in a later pass. Navigation and page shells are ready now.

Introduction

Orientation for humans working with an LLM-first design system.

How to work with ViraUI
Structure (stubs)