# Turn Into App

Turns a thread, skill, spreadsheet, or Claude/ChatGPT project into a polished, visual...

- Repository: https://github.com/BuilderIO/agent-native (7579 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add BuilderIO/agent-native --skill turn-into-app -g -a claude-code -y`
Codex: `npx skills add BuilderIO/agent-native --skill turn-into-app -g -a codex -y`
Cursor: `npx skills add BuilderIO/agent-native --skill turn-into-app -g -a cursor -y`
Gemini CLI: `npx skills add BuilderIO/agent-native --skill turn-into-app -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add BuilderIO/agent-native`

## Description

Turns a thread, skill, spreadsheet, or Claude/ChatGPT project into a polished, visual Agent-Native app: populated domain screens with the in-app agent working behind contextual controls. Use when a user invokes `/turn-into-app`, or asks to turn a workflow, skill, spreadsheet, or project into an app, UI, workbench, or dashboard, including from Claude or ChatGPT on the web.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Turn Into App

Give a proven workflow an Agent-Native app face and agent brain. Start with
populated domain screens. Object controls send work to the agent; the object
shows progress and receives the result. Avoid form-under-stepper layouts.

## Host, source, and when to ask

### Classify the host

- Local scaffolding needs Node.js 22.22.0 or newer (with npm/npx) and pnpm.
- **Local host**: a terminal, a filesystem, and a target checkout (Claude Code,
  Codex, Cursor, or an Agent-Native agent that can edit files). Build the app in
  that checkout with steps 1-6, unless the route is Builder hosting (below).
  Never call `create_workspace_app`.
- **Browser host**: Claude or ChatGPT on the web, their web Projects, or any
  runtime that cannot edit files. Do steps 1-2, then make the Dispatch handoff
  in [the browser-host guide](references/fresh-project.md), with files per
  [the attachment reference](references/attachments.md). Never run `npm`,
  `pnpm`, or `npx`, edit files, or start a server there, and never invent a
  Builder branch URL: report what Dispatch returned.
- Decide an ambiguous host by the environment: a real working directory,
  terminal, and workspace mean local host. A Builder or Dispatch connector being
  available does not make a host a browser host.

### Ask where the app runs

On an interactive local host, after the plan (step 2) and before installing,
ask once: **On your machine** (some setup) or **Hosted with Builder** (a free
Builder account). Skip it on browser hosts or when the route is set (by the
person, a resumed run, Local File Mode, an existing workspace, or headless);
[where it runs](references/where-it-runs.md) says which wins.

### Pick the source

The rest: https://github.com/BuilderIO/agent-native/blob/HEAD/.agents/plugins/agent-native-turn-into-app/skills/turn-into-app/SKILL.md