For Coding Agents
OPERATOR is built for agents as well as people. An agent gets a short set of rules and a component index in its own instruction file, looks up the rest when it needs it, and checks what it wrote against the contract.
Start here
- Set up the agent:
operator-ds initwrites the rules and the index intoAGENTS.md,CLAUDE.mdor a Cursor rule. - The agent finds a component with
operator-ds search, reads it withoperator-ds component, and starts a whole screen from a recipe withoperator-ds add. - Check the result:
operator-ds checkreports where the code breaks the contract.
The rest of this page describes the contract those commands read. An agent with the installer does not need to read the contract file itself.
The contract
Give an agent @operator-ds/manifest/components.json: the whole component contract at about a tenth of the size of manifest.json, which adds the complete source of every recipe. Both describe the public API with the same entries:
props— each with atype; enums carry a fixedvalueslist and adefault. Aunionlists allowed shapes intypes, with the mode explained in its description.slots— what may go inside (children types).composable_with/never_inside— valid and invalid nesting.composition_rules— parent → allowed-children trees for compound components.patterns— copyable application recipes with canonicallayout, corecomposed_ofreferences and packagedependencies. Incomponents.jsoneach recipe'sfilesmap to their sizes andinstallis the CLI command that copies it;manifest.jsoncarries the complete sourcefiles.example— the one canonical usage, copy-paste ready.
@operator-ds/manifest/guidance.json is its companion: which component to choose, what to use instead, what each option value is for, and the house rules. The installer's index, search and instruction block are built from it.
Without the installer
- Give the agent
components.jsonplus the system prompt. Readmanifest.jsononly for a recipe's source, or install the recipe with the CLI. - The agent picks components and fills props using each entry's
valuesandexample. - In development, any invalid prop prints a structured error the agent reads to self-correct.
See the example workflow for an end-to-end run.
Core components and recipes
Import core components from @operator-ds/react. Patterns are source recipes to copy and adapt.
Copy every recipe files entry, preserving paths, then follow layout for usage. Install its dependencies and keep the OPERATOR styling setup. The bundle includes local helpers and nested recipes.
Previews use training data. Your application supplies real data, update timing, acknowledgements and connection state.
Use the source installer to preview and copy component families or complete recipes into your project.