diff --git a/build-tools/tasks/copy-build-tools.js b/build-tools/tasks/copy-build-tools.js
new file mode 100644
index 0000000000..00df5e5f02
--- /dev/null
+++ b/build-tools/tasks/copy-build-tools.js
@@ -0,0 +1,11 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const { copyTask } = require('../utils/gulp-utils');
+
+const copyBuildTools = copyTask(
+  'build-tools',
+  'node_modules/@cloudscape-design/build-tools/**/*',
+  'lib/dev-pages/internal/build-tools'
+);
+
+module.exports = copyBuildTools;
diff --git a/build-tools/tasks/index.js b/build-tools/tasks/index.js
index 982a8f6a72..49a3f5861f 100644
--- a/build-tools/tasks/index.js
+++ b/build-tools/tasks/index.js
@@ -18,6 +18,7 @@ module.exports = {
   integ: require('./integ'),
   motion: require('./motion'),
   copyFiles: require('./copy-files'),
+  copyBuildTools: require('./copy-build-tools'),
   themeableSource: require('./themeable-source'),
   bundleVendorFiles: require('./bundle-vendor-files'),
   sizeLimit: require('./size-limit'),
diff --git a/gulpfile.js b/gulpfile.js
index 9d290b74f1..8e4ce22c44 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -20,6 +20,7 @@ const {
   integ,
   motion,
   copyFiles,
+  copyBuildTools,
   themeableSource,
   bundleVendorFiles,
   sizeLimit,
@@ -35,7 +36,7 @@ const quickBuild = series(
 exports.clean = clean;
 exports['quick-build'] = quickBuild;
 exports.i18n = generateI18nMessages;
-exports.build = series(quickBuild, parallel(buildPages, themeableSource, docs, sizeLimit));
+exports.build = series(quickBuild, parallel(buildPages, themeableSource, docs, sizeLimit, copyBuildTools));
 exports.test = series(unit, integ, a11y);
 exports['test:unit'] = unit;
 exports['test:integ'] = integ;
diff --git a/pages/alert/permutations.page.tsx b/pages/alert/permutations.page.tsx
index 0521f7a537..920e3ec971 100644
--- a/pages/alert/permutations.page.tsx
+++ b/pages/alert/permutations.page.tsx
@@ -2,13 +2,13 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 
+import { createPermutations, PermutationsView } from '@cloudscape-design/build-tools/lib/dev-pages-utils';
+
 import Alert, { AlertProps } from '~components/alert';
 import Button from '~components/button';
 import ExpandableSection from '~components/expandable-section';
 import Link from '~components/link';
 
-import createPermutations from '../utils/permutations';
-import PermutationsView from '../utils/permutations-view';
 import ScreenshotArea from '../utils/screenshot-area';
 import { i18nStrings } from './common';