open-agent-builder

(★ 2,613)

🔥 Visual workflow builder for AI agents powered by Firecrawl - drag-and-drop web scraping pipelines with real-time execution

파일 탐색기

ZIP 다운로드

- - page.tsx
- layout.tsx
- page.tsx
- sheets.ts
- - FirecrawlIcon.tsx
- - use-dropdown-hover.ts
- - FirecrawlLogo.tsx
- - BigIntProvider.tsx
- - animated-dot-icon.tsx
  - ascii-background.tsx
  - ascii-flame-background.tsx
  - ErrorBoundary.tsx
  - flame-button.tsx
  - hero-flame.tsx
  - lockBody.tsx
  - macbook-scroll.tsx
  - play-tabs.tsx
  - pylon.tsx
- - button-demo.tsx
  - button.tsx
  - code.tsx
  - image.tsx
  - index.ts
  - loading-dashboard.tsx
  - menu-header.tsx
  - menu.tsx
  - modal.tsx
  - scrollbar.tsx
  - spinner.tsx
  - table.tsx
  - video.tsx
- - WorkflowExecutionRenderer.tsx
- - api.d.ts
  - api.js
  - dataModel.d.ts
  - server.d.ts
  - server.js
- admin.ts
- apiKeys.ts
- approvals.ts
- auth.config.ts
- executions.ts
- mcpServers.ts
- README.md
- schema.ts
- templates.ts
- tsconfig.json
- tsconfig.tsbuildinfo
- userLLMKeys.ts
- userMCPs.ts
- workflows.ts
- useApprovalWatch.ts
- useDebouncedEffect.ts
- useWorkflow.ts
- useWorkflowExecution.ts
- - auth.ts
  - config.ts
  - llm-keys.ts
  - models.ts
- - approval-store.ts
- - auth-store.ts
  - openai-tools.ts
  - tools.ts
  - workflow-helpers.ts
- - llm-config.ts
- - client.ts
- - index.ts
  - WorkflowError.ts
- - mcp-registry.ts
  - resolver.ts
- - default-workflows.ts
  - duplicate-detection.ts
  - edge-cleanup.ts
  - error-boundaries.ts
  - langgraph.ts
  - mcp-registry.ts
  - storage.ts
  - templates.ts
  - types.ts
  - validation.ts
  - variable-substitution.ts
- compressor.json
- favicon.png
- - custom-fonts.css
  - theme.css
  - utility-patterns.css
- - button.css
  - code.css
  - index.css
- - animations.css
  - colors.css
  - fonts.css
  - typography.css
  - utilities.css
- chrome-bug.css
- colors.json
- fire.css
- main.css
- workflow-execution.css
- cn.ts
- init-canvas.ts
- on-visible.ts
- set-timeout-on-visible.ts
- sleep.ts
.eslintrc.json
.gitignore
.npmrc
colors.json
convex.json
next-env.d.ts
next.config.js
package-lock.json
package.json
postcss.config.js
proxy.ts
README.md
repomix.config.json
tailwind.config.ts
tsconfig.json
tsconfig.tsbuildinfo

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

`git clone`

설명 보기 ▼

Clone an existing repository.

git clone {{remote_repository_location}} {{path/to/directory}}

Clone an existing repository into a new directory (the default directory is the repository name):

git clone --recursive {{remote_repository_location}}

Clone an existing repository and its submodules:

git clone {{[-n|--no-checkout]}} {{remote_repository_location}}

Clone only the `.git` directory of an existing repository:

🔍

`npm install`

설명 보기 ▼

Install Node packages.

npm {{[i|install]}}

Install dependencies listed in `package.json`:

npm {{[i|install]}} {{package_name}}@{{version}}

Download a specific version of a package and add it to the list of dependencies in `package.json`:

npm {{[i|install]}} {{package_name}} {{[-D|--save-dev]}}

Download the latest version of a package and add it to the list of dev dependencies in `package.json`:

🔍

`npm run`

설명 보기 ▼

Run a script.

npm run

List available scripts:

npm run {{script_name}}

Run a script:

npm run {{script_name}} -- {{argument}} {{--option}}

Pass arguments to a script:

🔍

`npm start`

설명 보기 ▼

This command is an alias of `npm run start`.

tldr npm run

View documentation for the original command:

🔍

`npm`

설명 보기 ▼

JavaScript 및 Node.js 패키지 관리자.
Node.js 프로젝트 및 모듈 의존성을 관리합니다.
더 많은 정보: <https://docs.npmjs.com/cli/npm/>.

npm init {{[-y|--yes]}}

기본값으로 `package.json` 파일 생성 (`--yes`를 생략하면 대화식으로 진행):

npm {{[i|install]}}

package.json에 의존성으로 나열된 모든 패키지를 다운로드:

npm {{[i|install]}} {{package_name}}@{{version}}

특정 버전의 패키지를 다운로드하고 `package.json`의 의존성 목록에 추가:

🔍

`npx`

설명 보기 ▼

이 명령은 `npm exec`의 별칭입니다.

tldr npm exec

자세한 내용은 원본 명령을 참고하세요:

🔍

`vercel`

설명 보기 ▼

당신의 Vercel 프로젝트들을 관리하고 배포하세요.
더 많은 정보: <https://vercel.com/docs/cli>.

vercel

현재 디렉토리를 배포:

vercel --prod

현재 디렉토리를 프로덕션에 배포:

vercel {{path/to/project}}

특정 디렉토리를 배포: