KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #cli #claude-code #codex #developer-tools #ai #dsh-plugin #ai-agent #mcp #deepseek-harness #windows

visual-config-editor

★ 73 Open GitHub ↗

Generate your CircleCI configuration files by building a visual map of your project's workflows.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# CircleCI Visual Configuration Editor

[![License](https://img.shields.io/github/license/CircleCI-Public/visual-config-editor)](https://github.com/CircleCI-Public/visual-config-editor/blob/main/LICENSE)
[![CircleCI](https://img.shields.io/circleci/build/gh/CircleCI-Public/visual-config-editor/main?logo=circleci)](https://app.circleci.com/pipelines/github/CircleCI-Public/visual-config-editor)

Generate your CircleCI configuration files by building a visual map of your
project's workflows. No YAML? No problem.

The core features of the VCE include:

- Config Definition Creation, Editing
- Visual Workflow Orchestration
- Public Orb Support
- Circularly Load Configs Created With the VCE

[Read more about introduction of the VCE](https://circleci.com/blog/visual-config-editor/)

#

**[Try it out](https://circleci-public.github.io/visual-config-editor/)** for
yourself! Fork the repo and **[contribute](CONTRIBUTING.md)** to help us make
this amazing! [Join our discord](https://discord.gg/Vx8wMGdtce) and discuss work
in progress!

## Preview

## Run Development Server

### With Docker

Using npm:

```shell
$ npm run start-docker
```

Using yarn:

```shell
$ yarn start-docker
```

### Without Docker

**Install**

Using yarn:

```shell
$ yarn install
```

After installing your dependencies, ensure you are using the proper version of
node by running NVM:

```shell
$ nvm use
```

**Start dev server**

Using yarn:

```shell
$ yarn dev
```

## Example Generated Config

Click here to open this [example in the VCE](https://circleci-public.github.io/visual-config-editor?example=readme)

```yml
# This configuration has been automatically generated by the CircleCI Config SDK.
# For more information, see https://github.com/CircleCI-Public/circleci-config-sdk-ts
# SDK Version: 0.9.0-alpha.15
# VCE Version: v0.10.1
# Modeled with the CircleCI visual config editor.
# For more information, see https://github.com/CircleCI-Public/visual-config-editor

version: 2.1
setup: false
jobs:
  build:
    steps:
      - checkout
      - run:
          command: yarn build
      - persist_to_workspace:
          root: ../
          paths:
            - build
    docker:
      - image: cimg/node:16.11.1
    resource_class: medium
  test:
    steps:
      - attach_workspace:
          at: .
      - run:
          command: yarn test
          working_directory: ~/project/build
      - persist_to_workspace:
          root: .
          paths:
            - build
    docker:
      - image: cimg/node:16.11.1
    resource_class: medium
  deploy:
    steps:
      - attach_workspace:
          at: .
      - run:
          command: yarn deploy
          working_directory: ~/project/build
    docker:
      - image: cimg/node:16.11.1
    resource_class: medium
workflows:
  build-and-test:
    jobs:
      - build
      - test:
          requires:
            - build
      - deploy:
          requires:
            - test
```

## Contributing

This repository welcomes community contributions! See our
[CONTRIBUTING.md](CONTRIBUTING.md) for guidance on configuring your development
environment and how to submit quality pull requests.

## Built with

[CircleCI Config SDK](https://github.com/CircleCI-Public/circleci-config-sdk-ts)

---

visual-config-editor

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README