Agent

Describe the app. Watch it get built.

Kiln streams files straight into an in-browser Node runtime and renders the result beside you. No container to wait for, no local setup.

You are in Demo mode — a recorded artifact stream replays locally so you can see the whole pipeline without a key. Open Settings to point Kiln at your own endpoint.

• Restyle the starter appRebuild src/App.tsx as an editorial landing page for a specialty coffee roaster. Keep the existing file structure and only change what you need.
• Add a data viewAdd a second view to the starter app: a bento-grid dashboard of fictional revenue metrics with a sparkline, using realistic numbers and no charting dependency.
• Introduce a design systemExtract the starter app's colours and type scale into src/theme.ts, then refactor App.tsx to read every value from it. Do not change the rendered result.
• Break it, then watch it healAdd a component that reads a property from undefined so the preview throws, then observe the self-healing loop.