Component Builder

The Component Builder lets you author custom pages and dashboard widgets by chatting with an AI agent inside Runnit Studio. The agent runs entirely in-app and drives a full plan → build → test → review → refine loop, streaming its progress into the chat as it works.

How the agent works

Each message you send is routed by intent:

• Questions (“why did the build fail?”, “what data does this widget use?”) are answered directly. The agent may read your files and query data to ground its answer, but makes no changes.
• Create or modify requests (“add a chart”, “restyle this”, “fix the totals”) trigger the full build loop:
  1. Plan: a short plan that ends with explicit acceptance criteria.
  2. Validate: confirms the real data fields exist before writing data-bound UI.
  3. Build: writes the component and compiles it.
  4. Review & refine: checks the result against the acceptance criteria and iterates until it is done.

Working with it

• Paste images into the chat for visual references.
• Switch between past conversations for a component from the chat history.
• Watch the live phase indicator to see whether the agent is planning, building, or reviewing.

Built components are stored as versioned artifacts and can be published to your organisation. See Runnit Studio for the artifact types and how widgets reach dashboards.

Note

If your organisation has enabled runtime AI, the agent can also build pages and widgets that call the workspace AI while people view them, such as an AI summary of the data on the page or an embedded agent chat. See Runtime AI in pages and widgets.