Categories › Software Development › Frontend, UI components & design-to-code
Polished, editable React UI for coding agents: 240+ components, 340+ complete screens.
Remote server: your requests and data go to mcp.beamline.io. Claude Code: claude mcp add --transport http beamline-ui https://mcp.beamline.io/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
beamline_find — Call this whenever the person asks for any screen, page or control (a booking screen, a data table, a date range picker): returns the best Bbeamline_capabilities — The complete Beamline library and how to choose from it: a selection guide (screens and kits, data → control, screen craft, looks and instalbeamline_component — Exact details of Beamline elements: the import, required and typed props, states, keyboard, motion, the parts to style and working examples beamline_install — One command that adds the chosen Beamline elements and a look (default prism) to the app: only those packages, one stylesheet and the look. beamline_picture — Inspect a candidate's layout and states, compare plausible choices, or show the person how a part looks. Returns one labelled states sheet iNot tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.