When To Use

Pick this skill when the user wants to start a brand-new Twenty app from scratch. Representative triggers:

• "I want to build a Twenty app"
• "scaffold a new Twenty app"
• "start a new Twenty plugin / extension / integration"
• "create a CRM extension for Twenty"
• "set up a Twenty app project"
• "bootstrap a Twenty app called X"

Do not use this skill when the app already exists — use develop-app to add features, manage-app for sync/deploy/troubleshooting, publish-app for marketplace prep, or use-twenty-mcp to query workspace data.

Quickstart an App

For background on how Twenty apps work — the SDK packages, remotes, sync lifecycle, and rendering model — read ../../references/concepts/how-apps-work.md.

Use this as the default way to start an app unless the user gives different instructions.

Why A Twenty Instance Is Needed

Before scaffolding, explain to the user that a Twenty app is not a standalone application — it is a package that extends a running Twenty instance. During development, the app's entities (objects, views, front components, logic functions) are synced to a Twenty instance where they are registered, rendered, and executed. Without a connected instance, there is nothing to sync to, no workspace to test in, and no way to verify the app works.

Choose A Twenty Instance

By default, ask the user for the URL of their existing Twenty instance (e.g. https://app.twenty.com or a self-hosted URL). Mention that if they don't have one yet, you can spin up a local instance with Docker instead.

The two options are:

1. Existing Twenty instance (default) — the user provides the URL of a running Twenty server (self-hosted or cloud, e.g. https://app.twenty.com). The scaffolder authenticates via OAuth on that instance. Best when the user already has a workspace with data they want to develop against.
2. Local instance with Docker (fallback) — only when the user has no Twenty instance available. The scaffolder starts a disposable local Twenty server on http://localhost:2020 through Docker. Requires Docker Desktop to be installed and running.

If the user does not provide a URL, ask first whether they have a Twenty instance URL to use; only fall back to Docker if they explicitly say they don't have one.

Before scaffolding, repeat back the app's purpose in one sentence and its expected shape: standard objects extended, any custom objects, whether it needs UI, whether it needs workflows or post-install seeding. Scaffolding is one-way — confirming here avoids re-scaffolds later.

Scaffolding

First, ask the user for the app name if they did not provide one.

The directory name must contain only lowercase letters, numbers, and hyphens. Transform the entered name to lowercase and replace spaces with hyphens when needed.

For an existing Twenty instance (default):

npx create-twenty-app@latest <app-name> --url <twenty-instance-url>

The --url flag authenticates via OAuth on the provided instance. The scaffolder opens a browser for the OAuth flow, then stores the credentials as a remote in ~/.twenty/config.json.

Only if the user has no Twenty instance and wants to try locally with Docker:

npx create-twenty-app@latest <app-name>

This omits --url and starts a disposable local Twenty server through Docker.

The scaffolder handles everything: it creates the project, enables corepack, installs dependencies, initializes Git, authenticates with the target instance, runs an initial sync, and opens the generated app page when possible.

If the user provides a package name, display name, or description, pass them through:

npx create-twenty-app@latest <app-directory> --name "<package-name>" --display-name "<display-name>" --description "<description>"

Supported create-time options are --name, --display-name, --description, --url, and --authentication-method.

After Scaffolding

When the scaffolder completes, the app is fully created, synced, and installed. The job is done.

Do not run any follow-up validation commands after scaffolding unless the user asks for them. Do not run yarn twenty dev --once, yarn test, yarn lint, or other validation just to prove the scaffold worked; the scaffolder already performed the initial sync. If the user asks to run tests later, switch to develop-app or manage-app guidance and run the full suite against the isolated test instance with TWENTY_API_URL=http://localhost:2021.

Report to the user that the app was created successfully and is ready for development. Then stop. Wait for the user to ask for the next action.

The scaffolder generates a placeholder page at src/front-components/main-page.tsx plus its page layout and navigation menu item. In develop-app, delete all three before the first deploy unless the app actually needs UI. Do not stack additional pages on top of the placeholder.

Docker Fallback Troubleshooting

Use this only when the user opted into the Docker fallback and it fails because Docker is missing or not running.

The preferred recovery is to ask the user for an existing Twenty instance URL and rerun the scaffolder with --url <twenty-instance-url> — this skips Docker entirely.

If the user still wants the local Docker path and Docker is missing, share this download link: https://www.docker.com/products/docker-desktop/ and ask them to install Docker Desktop.

Next Steps

Only proceed to these when the user explicitly asks:

• Use develop-app when the user wants to add objects, fields, logic functions, roles, views, navigation, page layouts, skills, agents, or front component registrations.
• Use references/design/front-component-ui.md when the user wants to design or improve the UI of a Twenty front component.
• When the user later makes changes to app entities, use yarn twenty dev --once to sync those changes. See the manage-app skill for sync workflow.