diff --git a/lib/cli/src/frameworks/common/Introduction.stories.mdx b/lib/cli/src/frameworks/common/Introduction.stories.mdx
index 05e729ed577..cdf16c59c7c 100644
--- a/lib/cli/src/frameworks/common/Introduction.stories.mdx
+++ b/lib/cli/src/frameworks/common/Introduction.stories.mdx
@@ -126,28 +126,28 @@ We recommend building UIs with a [**component-driven**](https://componentdriven.
 <div class="subheading">Configure</div>
 
 <div class="link-list">
-  <a class="link-item" href="https://storybook.js.org/docs/presets" target="_blank">
+  <a class="link-item" href="https://storybook.js.org/docs/react/api/presets" target="_blank">
     <img src={Plugin} alt="plugin" />
     <span>
       <strong>Presets for popular tools</strong>
       Easy setup for TypeScript, SCSS and more.
     </span>
   </a>
-  <a class="link-item" href="https://storybook.js.org/docs/webpack" target="_blank">
+  <a class="link-item" href="https://storybook.js.org/docs/react/configure/webpack" target="_blank">
     <img src={StackAlt} alt="Build" />
     <span>
       <strong>Build configuration</strong>
       How to customize webpack and Babel
     </span>
   </a>
-  <a class="link-item" href="https://storybook.js.org/docs/styling" target="_blank">
+  <a class="link-item" href="https://storybook.js.org/docs/react/configure/styling-and-css" target="_blank">
     <img src={Colors} alt="colors" />
     <span>
       <strong>Styling</strong>
       How to load and configure CSS libraries
     </span>
   </a>
-  <a class="link-item" href="https://storybook.js.org/docs/data" target="_blank">
+  <a class="link-item" href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack" target="_blank">
     <img src={Flow} alt="flow" />
     <span>
       <strong>Data</strong>