Shelf is open source and in early preview
Shelf

For AI agents: the documentation index is at /llms.txt, and any docs page is available as Markdown by appending .md to its URL.

Plan

Verified

An ordered list of steps with pending, active, and done states.

  1. Read the failing testDone
  2. Fix the date parsingIn progress
  3. Run the suiteNot started

When to use

Use when
Showing the steps an agent intends to take and how far it has got.
Avoid when
A user's progress through a flow; use Stepper.

Installation

The source lands in src/components/ui/plan.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.

Built on

Packages
@stylexjs/stylex
Shelf items
foundations, Icons, Spinner, utils
Figma
Optional native Figma library. See Designers.

Verified

Size
1.5 kB gzipped on its own, 4.9 kB with the Shelf items and packages it builds on. JS and CSS in a production build, without React.
Accessibility
Axe passes on 1 story
Behavior
1 interaction test in Storybook
React Compiler
Compiles with React Compiler
React Doctor
React Doctor finds nothing