원클릭으로 Manus에서 모든 스킬 실행

$pwd:

import-prototype

Name: Import Prototype
Author: BuilderIO

// Imports a Builder.io prototype into the current project by running the Builder dev-tools CLI. Use when the user mentions importing a prototype, a Builder.io URL, a builder.io/app/projects link, or wants to bring in designs or components from a Builder prototype. Triggers on phrases like "import prototype", "use this builder url", "import from builder", or when a builder.io/app/projects URL is shared.

Manus에서 실행

$ git log --oneline --stat

stars:2

forks:1

updated:2026년 4월 16일 17:44

SKILL.md

readonly

name

import-prototype

description

Imports a Builder.io prototype into the current project by running the Builder dev-tools CLI. Use when the user mentions importing a prototype, a Builder.io URL, a builder.io/app/projects link, or wants to bring in designs or components from a Builder prototype. Triggers on phrases like "import prototype", "use this builder url", "import from builder", or when a builder.io/app/projects URL is shared.

Import Prototype

Import a Builder.io prototype into the current project using the Builder dev-tools CLI.

Instructions

Step 1: Get the Builder URL

Ask the user for the Builder.io prototype URL if they haven't provided one. It must match this pattern:

https://builder.io/app/projects/...

Validate that the URL starts with https://builder.io/app/projects/. If the user provides a different URL format, tell them the URL must be of the form https://builder.io/app/projects/... and ask them to provide the correct one.

Step 2: Clarify the User's Intent

If the user's intention for what to import from the prototype is unclear or unspecified, ask them:

"What would you like to import from this prototype? For example: the full layout, specific components, styles, or something else?"

Use their answer as the {prompt} value. If the user's intent is already clear from context (e.g. "import the hero section" or "import the full page design"), use that directly without asking again.

Step 3: Run the CLI Command

Run the following command using the Bash tool:

npx --yes @builder.io/dev-tools@latest code --prototype "{builderUrl}" --prompt "{prompt}" --accept

Replace {builderUrl} with the validated Builder.io URL and {prompt} with the user's stated intent.

IMPORTANT: DO NOT KILL THE TERMINAL. THIS PROCESS MAY TAKE A WHILE TO COMPLETE (MAYBE MINUTES). WAIT FOR IT TO FINISH ON ITS OWN.

Gotchas

Always validate the URL format before running the command. Reject URLs that don't start with https://builder.io/app/projects/.
Don't assume intent. If there's any ambiguity about what the user wants from the prototype, ask. A vague prompt produces poor output from the CLI.
Quote both arguments in the shell command to handle spaces and special characters correctly.
The command uses npx, so it always fetches the latest version of @builder.io/dev-tools. No installation step is needed.

related-skills.json

같은 저장소

unzip.md

from "BuilderIO/builder-agent-skills"

Unzip or extract a zip file in the project. Use when the user says "unzip", "extract zip", "unzip file", or asks to extract a .zip archive. Finds the most recently modified .zip file in the codebase and extracts it to the project root using `npx extract-zip`.

2026-05-272

playwright-cli.md

from "BuilderIO/builder-agent-skills"

Automate browser interactions, test web pages and work with Playwright tests.

2026-05-262

hallmark.md

from "BuilderIO/builder-agent-skills"

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

2026-05-262

mobile-testing.md

from "BuilderIO/builder-agent-skills"

Install Maestro, run end-to-end tests, and create new test flows for the iOS and Android apps in this project. Use when the user asks to test the mobile apps, verify a feature on iOS or Android, set up Maestro, run a smoke test, write a new flow, or wants automated UI feedback after implementing mobile functionality, even if they don't say "Maestro".

2026-05-082

create-instructions.md

from "BuilderIO/builder-agent-skills"

Creates AGENTS.md with concise instructions if needed.

2026-05-062

android-native.md

from "BuilderIO/builder-agent-skills"

Build and run the Android app on an emulator or physical device. Use when the user asks to build, compile, run, launch, or deploy the Android app, or mentions the APK, Gradle, emulator, device, or native-run, even if they don't explicitly say "android-native".

2026-05-062

package.json

"author": "BuilderIO"

"repository": "BuilderIO/builder-agent-skills"

GitHub 저장소 열기 Creator 저장소 보기

$ install --global

$ download --local

Manus에서 실행

$ useful --forSOC

소프트웨어 개발자컴퓨터 및 수학직15-1252L4

name

import-prototype

description

Import Prototype

Import a Builder.io prototype into the current project using the Builder dev-tools CLI.

Instructions

Step 1: Get the Builder URL

Ask the user for the Builder.io prototype URL if they haven't provided one. It must match this pattern:

https://builder.io/app/projects/...

Step 2: Clarify the User's Intent

If the user's intention for what to import from the prototype is unclear or unspecified, ask them:

"What would you like to import from this prototype? For example: the full layout, specific components, styles, or something else?"

Use their answer as the {prompt} value. If the user's intent is already clear from context (e.g. "import the hero section" or "import the full page design"), use that directly without asking again.

Step 3: Run the CLI Command

Run the following command using the Bash tool:

npx --yes @builder.io/dev-tools@latest code --prototype "{builderUrl}" --prompt "{prompt}" --accept

Replace {builderUrl} with the validated Builder.io URL and {prompt} with the user's stated intent.

IMPORTANT: DO NOT KILL THE TERMINAL. THIS PROCESS MAY TAKE A WHILE TO COMPLETE (MAYBE MINUTES). WAIT FOR IT TO FINISH ON ITS OWN.

Gotchas

Always validate the URL format before running the command. Reject URLs that don't start with https://builder.io/app/projects/.
Don't assume intent. If there's any ambiguity about what the user wants from the prototype, ask. A vague prompt produces poor output from the CLI.
Quote both arguments in the shell command to handle spaces and special characters correctly.
The command uses npx, so it always fetches the latest version of @builder.io/dev-tools. No installation step is needed.

import-prototype

Import Prototype

Instructions

Step 1: Get the Builder URL

Step 2: Clarify the User's Intent

Step 3: Run the CLI Command

Gotchas

이 저장소의 다른 Skills

이 저장소의 다른 Skills

Import Prototype

Instructions

Step 1: Get the Builder URL

Step 2: Clarify the User's Intent

Step 3: Run the CLI Command

Gotchas