j3w1 / Build with an agentVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

Build with an agent

Give your agent a pinned contract and a complete implementation. The primary workflow is discovering, consuming and verifying exact j3w1 artifacts inside another application.

Prepare an agent kit

Select the components your task needs. The installed CLI includes their complete dependency closure, canonical contracts, eligibility disclosures and shared rules.

Click an entry to toggle it. Use arrow keys to move, Space to select, Shift with arrows for a range, or Ctrl/Command+A to select all. The list uses j3w1 selection colors.

j3w1-ui kit --components text-field,button,dialog --out ./vendor/j3w1/task

A bounded consumption workflow

  1. Pin one release, currently 1.1.0, and record the artifact digest.
  2. Read the canonical consumption contract and compact implementation index.
  3. Select component IDs. Read only their canonical JSON, implementation contract and maintained examples, plus shared accessibility and eligibility rules.
  4. Prefer package mode in compatible web apps. Use complete copy bundles when source ownership is needed. Use the existing mapping workflow for incompatible/native hosts.
  5. Integrate the native markup, CSS and registration closure; bind your application data and actions.
  6. Verify your real form, keyboard, focus and lifecycle behavior. Record actual results separately from implementation availability.

Prepare a copy task

j3w1-ui kit --components text-field,button,dialog --out ./vendor/j3w1/task

Use the installed binary from the exact package or release tarball. The output contains all selected component closures and refuses to overwrite application files. Full installation and framework guide →

Machine entry points

NeedArtifact
Small discovery requestui/index.json
One implementation/APIui/contracts/<id>.json
Maintained native markupui/examples/<id>.json
Complete copy files and digestsui/copy/<id>/manifest.json
Canonical meaning and eligibilityexports/components/<id>.json
All implementation metadataui/manifest.json

Site URLs help humans explore the current release. For reproducible agent fetches, use the matching immutable release tag and its published digests. Never combine current-site examples with a different installed version.

Mapping compatibility

The existing canonical task kit, lock format and portability disclosures remain available. An official package dependency is recorded alongside that integration evidence; it does not pretend to be a newly verified native port.

j3w1 / command

  • SPEC Overview
  • SPEC Foundations
  • SPEC Components
  • SPEC Patterns
  • SPEC Tokens
  • SPEC Tools
  • SPEC Implement
  • SPEC For agents
  • SPEC Ports
  • SPEC Releases
  • DEMO Vue application demo
  • SPEC Complete UI theme specification