diff --git a/.circleci/config.old.yml b/.circleci/config.old.yml
new file mode 100644
index 000000000000..a194cd619eb3
--- /dev/null
+++ b/.circleci/config.old.yml
@@ -0,0 +1,475 @@
+version: 2.1
+
+executors:
+  sb_node_14_classic:
+    parameters:
+      class:
+        description: The Resource class
+        type: enum
+        enum: ['small', 'medium', 'medium+', 'large', 'xlarge']
+        default: 'medium'
+    working_directory: /tmp/storybook
+    docker:
+      - image: cimg/node:16.17.1
+        environment:
+          NODE_OPTIONS: --max_old_space_size=3076
+    resource_class: <<parameters.class>>
+  sb_node_14_browsers:
+    parameters:
+      class:
+        description: The Resource class
+        type: enum
+        enum: ['small', 'medium', 'medium+', 'large', 'xlarge']
+        default: 'medium'
+    working_directory: /tmp/storybook
+    docker:
+      - image: cimg/node:16.17.1-browsers
+        environment:
+          NODE_OPTIONS: --max_old_space_size=3076
+    resource_class: <<parameters.class>>
+  sb_playwright:
+    parameters:
+      class:
+        description: The Resource class
+        type: enum
+        enum: ['small', 'medium', 'medium+', 'large', 'xlarge']
+        default: 'medium'
+    working_directory: /tmp/storybook
+    docker:
+      - image: mcr.microsoft.com/playwright:v1.27.0-focal
+        environment:
+          NODE_OPTIONS: --max_old_space_size=3076
+    resource_class: <<parameters.class>>
+
+orbs:
+  git-shallow-clone: guitarrapc/git-shallow-clone@2.0.3
+  browser-tools: circleci/browser-tools@1.4.0
+
+commands:
+  ensure-pr-is-labeled-with:
+    description: 'A command looking for the labels set on the PR associated to this workflow and checking it contains the label given as parameter'
+    parameters:
+      label:
+        type: string
+    steps:
+      - run:
+          name: Check if PR is labeled with "<< parameters.label >>"
+          command: |
+            apt-get -y install jq
+
+            PR_NUMBER=$(echo "$CIRCLE_PULL_REQUEST" | sed "s/.*\/pull\///")
+            echo "PR_NUMBER: $PR_NUMBER"
+
+            API_GITHUB="https://api.github.com/repos/$CIRCLE_PROJECT_USERNAME/$CIRCLE_PROJECT_REPONAME"
+            PR_REQUEST_URL="$API_GITHUB/pulls/$PR_NUMBER"
+            PR_RESPONSE=$(curl -H "Authorization: token $GITHUB_TOKEN_STORYBOOK_BOT_READ_REPO" "$PR_REQUEST_URL")
+
+
+            if [ $(echo $PR_RESPONSE | jq '.labels | map(select(.name == "<< parameters.label >>")) | length') -ge 1 ] ||
+               ( [ $(echo $PR_RESPONSE | jq '.labels | length') -ge 1 ] && [ "<< parameters.label >>" == "*" ])
+            then
+              echo "🚀 The PR is labelled with '<< parameters.label >>', job will continue!"
+            else
+              echo "🏁 The PR isn't labelled with '<< parameters.label >>' so this job will end at the current step."
+              circleci-agent step halt
+            fi
+
+jobs:
+  check:
+    executor:
+      class: xlarge
+      name: sb_node_14_classic
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - restore_cache:
+          name: Restore Yarn cache
+          keys:
+            - build-yarn-2-cache-v4--{{ checksum "code/yarn.lock" }}--{{ checksum "scripts/yarn.lock" }}
+      - run:
+          name: Compile
+          command: |
+            yarn task --task check --start-from=auto --no-link --debug
+            git diff --exit-code
+  build:
+    executor:
+      class: xlarge
+      name: sb_node_14_classic
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - restore_cache:
+          name: Restore Yarn cache
+          keys:
+            - build-yarn-2-cache-v4--{{ checksum "code/yarn.lock" }}--{{ checksum "scripts/yarn.lock" }}
+      - run:
+          name: Compile
+          command: |
+            yarn task --task compile --start-from=auto --no-link --debug
+            git diff --exit-code
+      - save_cache:
+          name: Save Yarn cache
+          key: build-yarn-2-cache-v4--{{ checksum "code/yarn.lock" }}--{{ checksum "scripts/yarn.lock" }}
+          paths:
+            - ~/.yarn/berry/cache
+      - persist_to_workspace:
+          root: .
+          paths:
+            - code/node_modules
+            - scripts/node_modules
+            - code/examples
+            - code/node_modules
+            - code/addons
+            - code/frameworks
+            - code/lib
+            - code/renderers
+            - code/presets
+  chromatic:
+    executor: sb_node_14_browsers
+    parallelism: 15
+    steps:
+      # Keep using default checkout because Chromatic needs some git history to work properly
+      - checkout
+      - attach_workspace:
+          at: .
+      - run:
+          name: chromatic
+          command: |
+            cd code
+            yarn run-chromatics
+  examples:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 5
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: examples
+          command: |
+            cd code
+            yarn build-storybooks --all
+      - persist_to_workspace:
+          root: .
+          paths:
+            - code/built-storybooks
+  publish:
+    executor:
+      class: medium
+      name: sb_node_14_classic
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: running local registry
+          command: |
+            cd code
+            yarn local-registry --publish
+      - persist_to_workspace:
+          root: .
+          paths:
+            - .verdaccio-cache
+  # NOTE: this currently tests each story in docs mode, which doesn't make sense any more as stories
+  #   can no longer run in docs mode. Instead we should probably change the test runner to test each
+  #   docs entry if you run it in `VIEW_MODE=docs`
+  # e2e-tests-sb-docs:
+  #   executor:
+  #     class: large
+  #     name: sb_cypress_8_node_14
+  #   parallelism: 8
+  #   steps:
+  #     - git-shallow-clone/checkout_advanced:
+  #         clone_options: '--depth 1 --verbose'
+  #     - attach_workspace:
+  #         at: .
+  #     - run:
+  #         name: Running local registry
+  #         command: yarn local-registry --port 6001 --open
+  #         background: true
+  #     - run:
+  #         name: Wait for registry
+  #         command: yarn wait-on http://localhost:6001
+  #     - run:
+  #         name: Run smoke tests
+  #         command: yarn test:e2e-framework angular_modern_inline_rendering --test-runner --docs-mode
+  #         no_output_timeout: 5m
+  cra-bench:
+    executor:
+      class: medium+
+      name: sb_playwright
+    working_directory: /tmp/storybook
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Running local registry
+          command: |
+            cd code
+            yarn local-registry --port 6001 --open
+          background: true
+      - run:
+          name: Wait for registry
+          command: |
+            cd code
+            yarn wait-on http://localhost:6001
+      - run:
+          name: set up cra repro, skip tests
+          command: |
+            cd code
+            node ./lib/cli/bin/index.js repro -t cra --e2e ../../cra-bench
+      - run:
+          name: Run @storybook/bench on repro
+          command: |
+            cd ../cra-bench
+            npx -p @storybook/bench@1.0.0--canary.12.7cccdee.0 sb-bench 'echo noop' --label cra
+      - run:
+          name: prep artifacts
+          when: always
+          command: tar cvzf /tmp/sb-bench.tar.gz ../cra-bench
+      - store_artifacts:
+          path: /tmp/sb-bench.tar.gz
+          destination: sb-bench.tar.gz
+  smoke-tests:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    environment:
+      # Disable ESLint when running smoke tests to improve perf + As of CRA 4.0.3, CRA kitchen sinks are throwing
+      # because of some ESLint warnings, related to: https://github.com/facebook/create-react-app/pull/10590
+      DISABLE_ESLINT_PLUGIN: 'true'
+    parallelism: 16
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: smoke tests
+          command: |
+            cd code
+            yarn smoketest-storybooks --all
+  lint:
+    executor:
+      class: medium
+      name: sb_node_14_classic
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Lint
+          command: |
+            cd code
+            yarn lint
+  script-unit-tests:
+    executor: sb_node_14_browsers
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Test
+          command: |
+            cd scripts
+            yarn test --coverage --runInBand --ci
+      - store_test_results:
+          path: scripts/junit.xml
+  unit-tests:
+    executor: sb_node_14_browsers
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Test
+          command: |
+            cd code
+            yarn test --coverage --runInBand --ci
+      - store_test_results:
+          path: code/junit.xml
+      - persist_to_workspace:
+          root: .
+          paths:
+            - code/coverage
+  coverage:
+    executor:
+      class: small
+      name: sb_node_14_browsers
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Upload coverage
+          command: |
+            cd code
+            yarn coverage
+
+  ## new workflow
+  create-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 18
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Creating Sandboxes
+          command: yarn task --task sandbox --template $(yarn get-template ci create) --no-link --start-from=never --junit
+      - persist_to_workspace:
+          root: .
+          paths:
+            - sandbox
+      - store_test_results:
+          path: test-results
+  smoke-test-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 11
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Smoke Testing Sandboxes
+          command: yarn task --task smoke-test --template $(yarn get-template ci smoke-test) --no-link --start-from=never --junit
+      - store_test_results:
+          path: test-results
+  build-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 18
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Building Sandboxes
+          command: yarn task --task build --template $(yarn get-template ci build) --no-link --start-from=never --junit
+      - store_test_results:
+          path: test-results
+      - persist_to_workspace:
+          root: .
+          paths:
+            - sandbox/*/storybook-static
+  test-runner-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 16
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Running Test Runner
+          command: yarn task --task test-runner --template $(yarn get-template ci test-runner) --no-link --start-from=never --junit
+      - store_test_results:
+          path: test-results
+  chromatic-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 18
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Running Chromatic
+          command: yarn task --task chromatic --template $(yarn get-template ci chromatic) --no-link --start-from=never --junit
+      - store_test_results:
+          path: test-results
+  e2e-sandboxes:
+    executor:
+      class: medium+
+      name: sb_playwright
+    parallelism: 18
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Running E2E Tests
+          command: yarn task --task e2e-tests --template $(yarn get-template ci e2e-tests) --no-link --start-from=never --junit
+      - store_test_results:
+          path: test-results
+      - store_artifacts: # this is where playwright puts more complex stuff
+          path: code/playwright-results/
+          destination: playwright
+
+workflows:
+  test:
+    jobs:
+      - build
+      - lint:
+          requires:
+            - build
+      - check:
+          requires:
+            - build
+      - examples:
+          requires:
+            - build
+      - smoke-tests:
+          requires:
+            - build
+      - unit-tests:
+          requires:
+            - build
+      - script-unit-tests:
+          requires:
+            - build
+      - coverage:
+          requires:
+            - unit-tests
+      - chromatic:
+          requires:
+            - examples
+      - publish:
+          requires:
+            - build
+      - cra-bench:
+          requires:
+            - publish
+
+      ## new workflow
+      - create-sandboxes:
+          requires:
+            - publish
+      # - smoke-test-sandboxes: # disabled for now
+      #     requires:
+      #       - create-sandboxes
+      - build-sandboxes:
+          requires:
+            - create-sandboxes
+      - test-runner-sandboxes:
+          requires:
+            - build-sandboxes
+      - chromatic-sandboxes:
+          requires:
+            - build-sandboxes
+      - e2e-sandboxes:
+          requires:
+            - build-sandboxes
diff --git a/.circleci/config.yml b/.circleci/config.yml
index a194cd619eb3..0637264dd60f 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -1,475 +1,27 @@
 version: 2.1
-
-executors:
-  sb_node_14_classic:
-    parameters:
-      class:
-        description: The Resource class
-        type: enum
-        enum: ['small', 'medium', 'medium+', 'large', 'xlarge']
-        default: 'medium'
-    working_directory: /tmp/storybook
-    docker:
-      - image: cimg/node:16.17.1
-        environment:
-          NODE_OPTIONS: --max_old_space_size=3076
-    resource_class: <<parameters.class>>
-  sb_node_14_browsers:
-    parameters:
-      class:
-        description: The Resource class
-        type: enum
-        enum: ['small', 'medium', 'medium+', 'large', 'xlarge']
-        default: 'medium'
-    working_directory: /tmp/storybook
-    docker:
-      - image: cimg/node:16.17.1-browsers
-        environment:
-          NODE_OPTIONS: --max_old_space_size=3076
-    resource_class: <<parameters.class>>
-  sb_playwright:
-    parameters:
-      class:
-        description: The Resource class
-        type: enum
-        enum: ['small', 'medium', 'medium+', 'large', 'xlarge']
-        default: 'medium'
-    working_directory: /tmp/storybook
-    docker:
-      - image: mcr.microsoft.com/playwright:v1.27.0-focal
-        environment:
-          NODE_OPTIONS: --max_old_space_size=3076
-    resource_class: <<parameters.class>>
+setup: true
 
 orbs:
   git-shallow-clone: guitarrapc/git-shallow-clone@2.0.3
-  browser-tools: circleci/browser-tools@1.4.0
-
-commands:
-  ensure-pr-is-labeled-with:
-    description: 'A command looking for the labels set on the PR associated to this workflow and checking it contains the label given as parameter'
-    parameters:
-      label:
-        type: string
-    steps:
-      - run:
-          name: Check if PR is labeled with "<< parameters.label >>"
-          command: |
-            apt-get -y install jq
-
-            PR_NUMBER=$(echo "$CIRCLE_PULL_REQUEST" | sed "s/.*\/pull\///")
-            echo "PR_NUMBER: $PR_NUMBER"
-
-            API_GITHUB="https://api.github.com/repos/$CIRCLE_PROJECT_USERNAME/$CIRCLE_PROJECT_REPONAME"
-            PR_REQUEST_URL="$API_GITHUB/pulls/$PR_NUMBER"
-            PR_RESPONSE=$(curl -H "Authorization: token $GITHUB_TOKEN_STORYBOOK_BOT_READ_REPO" "$PR_REQUEST_URL")
-
-
-            if [ $(echo $PR_RESPONSE | jq '.labels | map(select(.name == "<< parameters.label >>")) | length') -ge 1 ] ||
-               ( [ $(echo $PR_RESPONSE | jq '.labels | length') -ge 1 ] && [ "<< parameters.label >>" == "*" ])
-            then
-              echo "🚀 The PR is labelled with '<< parameters.label >>', job will continue!"
-            else
-              echo "🏁 The PR isn't labelled with '<< parameters.label >>' so this job will end at the current step."
-              circleci-agent step halt
-            fi
+  continuation: circleci/continuation@0.1.2
+  node: circleci/node@5.0.3
 
 jobs:
-  check:
-    executor:
-      class: xlarge
-      name: sb_node_14_classic
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - restore_cache:
-          name: Restore Yarn cache
-          keys:
-            - build-yarn-2-cache-v4--{{ checksum "code/yarn.lock" }}--{{ checksum "scripts/yarn.lock" }}
-      - run:
-          name: Compile
-          command: |
-            yarn task --task check --start-from=auto --no-link --debug
-            git diff --exit-code
-  build:
-    executor:
-      class: xlarge
-      name: sb_node_14_classic
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - restore_cache:
-          name: Restore Yarn cache
-          keys:
-            - build-yarn-2-cache-v4--{{ checksum "code/yarn.lock" }}--{{ checksum "scripts/yarn.lock" }}
-      - run:
-          name: Compile
-          command: |
-            yarn task --task compile --start-from=auto --no-link --debug
-            git diff --exit-code
-      - save_cache:
-          name: Save Yarn cache
-          key: build-yarn-2-cache-v4--{{ checksum "code/yarn.lock" }}--{{ checksum "scripts/yarn.lock" }}
-          paths:
-            - ~/.yarn/berry/cache
-      - persist_to_workspace:
-          root: .
-          paths:
-            - code/node_modules
-            - scripts/node_modules
-            - code/examples
-            - code/node_modules
-            - code/addons
-            - code/frameworks
-            - code/lib
-            - code/renderers
-            - code/presets
-  chromatic:
-    executor: sb_node_14_browsers
-    parallelism: 15
-    steps:
-      # Keep using default checkout because Chromatic needs some git history to work properly
-      - checkout
-      - attach_workspace:
-          at: .
-      - run:
-          name: chromatic
-          command: |
-            cd code
-            yarn run-chromatics
-  examples:
-    executor:
-      class: medium+
-      name: sb_node_14_browsers
-    parallelism: 5
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: examples
-          command: |
-            cd code
-            yarn build-storybooks --all
-      - persist_to_workspace:
-          root: .
-          paths:
-            - code/built-storybooks
-  publish:
-    executor:
-      class: medium
-      name: sb_node_14_classic
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: running local registry
-          command: |
-            cd code
-            yarn local-registry --publish
-      - persist_to_workspace:
-          root: .
-          paths:
-            - .verdaccio-cache
-  # NOTE: this currently tests each story in docs mode, which doesn't make sense any more as stories
-  #   can no longer run in docs mode. Instead we should probably change the test runner to test each
-  #   docs entry if you run it in `VIEW_MODE=docs`
-  # e2e-tests-sb-docs:
-  #   executor:
-  #     class: large
-  #     name: sb_cypress_8_node_14
-  #   parallelism: 8
-  #   steps:
-  #     - git-shallow-clone/checkout_advanced:
-  #         clone_options: '--depth 1 --verbose'
-  #     - attach_workspace:
-  #         at: .
-  #     - run:
-  #         name: Running local registry
-  #         command: yarn local-registry --port 6001 --open
-  #         background: true
-  #     - run:
-  #         name: Wait for registry
-  #         command: yarn wait-on http://localhost:6001
-  #     - run:
-  #         name: Run smoke tests
-  #         command: yarn test:e2e-framework angular_modern_inline_rendering --test-runner --docs-mode
-  #         no_output_timeout: 5m
-  cra-bench:
-    executor:
-      class: medium+
-      name: sb_playwright
-    working_directory: /tmp/storybook
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Running local registry
-          command: |
-            cd code
-            yarn local-registry --port 6001 --open
-          background: true
-      - run:
-          name: Wait for registry
-          command: |
-            cd code
-            yarn wait-on http://localhost:6001
-      - run:
-          name: set up cra repro, skip tests
-          command: |
-            cd code
-            node ./lib/cli/bin/index.js repro -t cra --e2e ../../cra-bench
-      - run:
-          name: Run @storybook/bench on repro
-          command: |
-            cd ../cra-bench
-            npx -p @storybook/bench@1.0.0--canary.12.7cccdee.0 sb-bench 'echo noop' --label cra
-      - run:
-          name: prep artifacts
-          when: always
-          command: tar cvzf /tmp/sb-bench.tar.gz ../cra-bench
-      - store_artifacts:
-          path: /tmp/sb-bench.tar.gz
-          destination: sb-bench.tar.gz
-  smoke-tests:
-    executor:
-      class: medium+
-      name: sb_node_14_browsers
-    environment:
-      # Disable ESLint when running smoke tests to improve perf + As of CRA 4.0.3, CRA kitchen sinks are throwing
-      # because of some ESLint warnings, related to: https://github.com/facebook/create-react-app/pull/10590
-      DISABLE_ESLINT_PLUGIN: 'true'
-    parallelism: 16
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: smoke tests
-          command: |
-            cd code
-            yarn smoketest-storybooks --all
-  lint:
-    executor:
-      class: medium
-      name: sb_node_14_classic
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Lint
-          command: |
-            cd code
-            yarn lint
-  script-unit-tests:
-    executor: sb_node_14_browsers
+  setup:
+    executor: continuation/default
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
+      - node/install:
+          node-version: '16.17'
       - run:
-          name: Test
+          name: Generate config
           command: |
-            cd scripts
-            yarn test --coverage --runInBand --ci
-      - store_test_results:
-          path: scripts/junit.xml
-  unit-tests:
-    executor: sb_node_14_browsers
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Test
-          command: |
-            cd code
-            yarn test --coverage --runInBand --ci
-      - store_test_results:
-          path: code/junit.xml
-      - persist_to_workspace:
-          root: .
-          paths:
-            - code/coverage
-  coverage:
-    executor:
-      class: small
-      name: sb_node_14_browsers
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Upload coverage
-          command: |
-            cd code
-            yarn coverage
-
-  ## new workflow
-  create-sandboxes:
-    executor:
-      class: medium+
-      name: sb_node_14_browsers
-    parallelism: 18
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Creating Sandboxes
-          command: yarn task --task sandbox --template $(yarn get-template ci create) --no-link --start-from=never --junit
-      - persist_to_workspace:
-          root: .
-          paths:
-            - sandbox
-      - store_test_results:
-          path: test-results
-  smoke-test-sandboxes:
-    executor:
-      class: medium+
-      name: sb_node_14_browsers
-    parallelism: 11
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Smoke Testing Sandboxes
-          command: yarn task --task smoke-test --template $(yarn get-template ci smoke-test) --no-link --start-from=never --junit
-      - store_test_results:
-          path: test-results
-  build-sandboxes:
-    executor:
-      class: medium+
-      name: sb_node_14_browsers
-    parallelism: 18
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Building Sandboxes
-          command: yarn task --task build --template $(yarn get-template ci build) --no-link --start-from=never --junit
-      - store_test_results:
-          path: test-results
-      - persist_to_workspace:
-          root: .
-          paths:
-            - sandbox/*/storybook-static
-  test-runner-sandboxes:
-    executor:
-      class: medium+
-      name: sb_node_14_browsers
-    parallelism: 16
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Running Test Runner
-          command: yarn task --task test-runner --template $(yarn get-template ci test-runner) --no-link --start-from=never --junit
-      - store_test_results:
-          path: test-results
-  chromatic-sandboxes:
-    executor:
-      class: medium+
-      name: sb_node_14_browsers
-    parallelism: 18
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Running Chromatic
-          command: yarn task --task chromatic --template $(yarn get-template ci chromatic) --no-link --start-from=never --junit
-      - store_test_results:
-          path: test-results
-  e2e-sandboxes:
-    executor:
-      class: medium+
-      name: sb_playwright
-    parallelism: 18
-    steps:
-      - git-shallow-clone/checkout_advanced:
-          clone_options: '--depth 1 --verbose'
-      - attach_workspace:
-          at: .
-      - run:
-          name: Running E2E Tests
-          command: yarn task --task e2e-tests --template $(yarn get-template ci e2e-tests) --no-link --start-from=never --junit
-      - store_test_results:
-          path: test-results
-      - store_artifacts: # this is where playwright puts more complex stuff
-          path: code/playwright-results/
-          destination: playwright
+            node ./scripts/ci/generate.js
+      - continuation/continue:
+          configuration_path: .circleci/config.generated.yml
 
 workflows:
-  test:
+  setup:
     jobs:
-      - build
-      - lint:
-          requires:
-            - build
-      - check:
-          requires:
-            - build
-      - examples:
-          requires:
-            - build
-      - smoke-tests:
-          requires:
-            - build
-      - unit-tests:
-          requires:
-            - build
-      - script-unit-tests:
-          requires:
-            - build
-      - coverage:
-          requires:
-            - unit-tests
-      - chromatic:
-          requires:
-            - examples
-      - publish:
-          requires:
-            - build
-      - cra-bench:
-          requires:
-            - publish
-
-      ## new workflow
-      - create-sandboxes:
-          requires:
-            - publish
-      # - smoke-test-sandboxes: # disabled for now
-      #     requires:
-      #       - create-sandboxes
-      - build-sandboxes:
-          requires:
-            - create-sandboxes
-      - test-runner-sandboxes:
-          requires:
-            - build-sandboxes
-      - chromatic-sandboxes:
-          requires:
-            - build-sandboxes
-      - e2e-sandboxes:
-          requires:
-            - build-sandboxes
+      - setup
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index fb19e5bdf43c..a81cbb7396e6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,3 +19,5 @@ junit.xml
 !/**/.yarn/versions
 /**/.pnp.*
 !/node_modules
+
+.circleci/config.generated.yml
diff --git a/package.json b/package.json
index 08611ecd69e3..7e0581b7842f 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
     "task": "echo 'Installing Script Dependencies...'; cd scripts; yarn install >/dev/null; yarn task",
     "get-template": "cd scripts; yarn get-template",
     "test": "cd code; yarn test",
+    "generate-ci-config": "node ./scripts/ci/generate.js",
     "lint": "cd code; yarn lint"
   },
   "packageManager": "yarn@3.2.3"
-}
+}
\ No newline at end of file
diff --git a/scripts/ci/generate.js b/scripts/ci/generate.js
new file mode 100644
index 000000000000..ebbd98f6306f
--- /dev/null
+++ b/scripts/ci/generate.js
@@ -0,0 +1,15 @@
+const { join } = require('path');
+const fs = require('fs/promises');
+
+async function run() {
+  const input = join(__dirname, '..', '..', '.circleci', 'config.old.yml');
+  const output = join(__dirname, '..', '..', '.circleci', 'config.generated.yml');
+
+  const contents = await fs.readFile(input, 'utf8');
+  await fs.writeFile(output, contents);
+}
+
+run().catch((e) => {
+  console.error(e);
+  process.exit(1);
+});