diff --git a/stories/Accordion/Accordion.mdx b/stories/Accordion/Accordion.mdx
index caad8b7f8..9451fcf7d 100644
--- a/stories/Accordion/Accordion.mdx
+++ b/stories/Accordion/Accordion.mdx
@@ -8,6 +8,8 @@ import {
   Default,
   KeepOnlyOneOpen,
 } from './Accordion.stories.jsx';
+import EvaluationForm from '../../stories/shared/EvaluationForm';
+
 
 <Meta title="Accordion" component={Accordion}  />
 
@@ -39,4 +41,6 @@ import Accordion from '@catho/quantum/Accordion';
 
 <Canvas>
   <Story of={KeepOnlyOneOpen} />
-</Canvas>
\ No newline at end of file
+</Canvas>
+
+<EvaluationForm componentName="Accordion" /> 
diff --git a/stories/Breakpoints/Breakpoints.mdx b/stories/Breakpoints/Breakpoints.mdx
index 858a6089f..1232cb2a1 100644
--- a/stories/Breakpoints/Breakpoints.mdx
+++ b/stories/Breakpoints/Breakpoints.mdx
@@ -3,6 +3,8 @@ import { Meta } from '@storybook/addon-docs';
 import { Alert } from '../../components';
 import { Header } from '../shared'
 import { StyledDivExample } from './styles'
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Breakpoints" />
 
@@ -61,4 +63,6 @@ const StyledDiv = styled.div`
 
 Test the div in different sizes:
 
-<StyledDivExample>Test me in different sizes =)</StyledDivExample>
\ No newline at end of file
+<StyledDivExample>Test me in different sizes =)</StyledDivExample>
+
+<EvaluationForm componentName="Breakpoints" />
\ No newline at end of file
diff --git a/stories/Colors/Colors.mdx b/stories/Colors/Colors.mdx
index be3c0b636..f1465a934 100644
--- a/stories/Colors/Colors.mdx
+++ b/stories/Colors/Colors.mdx
@@ -2,6 +2,8 @@ import { Meta } from '@storybook/addon-docs';
 
 import { Header } from '../shared'
 import Colors from './Colors'
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Colors" />
 
@@ -37,3 +39,5 @@ console.log(Colors.secondary['500'])
 ```
 ## <a id="examples"></a>Examples
 <Colors />
+
+<EvaluationForm componentName="Colors" />
diff --git a/stories/Grid/Grid.mdx b/stories/Grid/Grid.mdx
index 80f7f9065..641e8d9f9 100644
--- a/stories/Grid/Grid.mdx
+++ b/stories/Grid/Grid.mdx
@@ -3,6 +3,8 @@ import { Meta } from '@storybook/addon-docs';
 
 import Header from '../shared/Header';
 import { SizesTable, HorizontalExample, MobileDesktopExample, NoGuttersExample, HideExample, OffsetExample, OffsetWithTwoColumnsExample } from './Grid';
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Grid" />
 
@@ -242,4 +244,7 @@ When setting a "offset" value, it is important to consider the space occupied by
 
 In the example above, the space occupied by the first column is the sum of the "small" and "small-offset" props. The result must also be added to the desired gap value for the column.
 Therefore, the value of the "offset" prop of the second column is composed of:
-2 ("small" of the 1st column) + 1 ("small-offset" of the 1st column) + 2 (desired gap betwen the 2nd column) = 5.
\ No newline at end of file
+2 ("small" of the 1st column) + 1 ("small-offset" of the 1st column) + 2 (desired gap betwen the 2nd column) = 5.
+
+
+<EvaluationForm componentName="Grid" />
\ No newline at end of file
diff --git a/stories/Hooks/Hooks.mdx b/stories/Hooks/Hooks.mdx
index cedb1bdfd..328e8cb44 100644
--- a/stories/Hooks/Hooks.mdx
+++ b/stories/Hooks/Hooks.mdx
@@ -2,11 +2,14 @@ import { Meta } from '@storybook/addon-docs';
 
 import { Header } from '../shared';
 import { Alert } from '../../components';
+import EvaluationForm from '../../stories/shared/EvaluationForm';
+
 
 <Meta title="Hooks/useMaxWithMediaQuery" />
 
 <Header title="UseMaxWithMediaQuery" />
 
+
 - [Importing](#importing)
 - [Usage](#usage)
 
@@ -64,4 +67,6 @@ const Component = () => {
 }
 
 export default Component;
-```
\ No newline at end of file
+```
+
+<EvaluationForm componentName="Hooks/useMaxWithMediaQuery" /> 
diff --git a/stories/Icon/Icon.mdx b/stories/Icon/Icon.mdx
index 27443198b..9c4f130b9 100644
--- a/stories/Icon/Icon.mdx
+++ b/stories/Icon/Icon.mdx
@@ -3,6 +3,8 @@ import { Meta, Story } from '@storybook/addon-docs';
 import Header from '../shared/Header';
 import { ExampleIcons, ExampleIncorrectIcons } from './ExampleIcons';
 import Catalogue from './Catalogue';
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Icons" />
 
@@ -65,4 +67,6 @@ element and no icon will render.
 
 ### Available Icons
 
-<Catalogue/>
\ No newline at end of file
+<Catalogue/>
+
+<EvaluationForm componentName="Icons" />
\ No newline at end of file
diff --git a/stories/InfiniteScroll/InfiniteScroll.mdx b/stories/InfiniteScroll/InfiniteScroll.mdx
index acdbba16e..c20cdf430 100644
--- a/stories/InfiniteScroll/InfiniteScroll.mdx
+++ b/stories/InfiniteScroll/InfiniteScroll.mdx
@@ -10,6 +10,9 @@ import {
   WithLoaderIndicator
 } from './InfiniteScroll.stories.jsx';
 
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
+
 <Meta title="InfiniteScroll" component={InfiniteScroll}  />
 
 <Header title="InfiniteScroll">
@@ -102,4 +105,6 @@ export default function InfiniteScrollWithLoader() {
 ```
 <Canvas withSource="none">
   <Story of={WithLoaderIndicator} />
-</Canvas>
\ No newline at end of file
+</Canvas>
+
+<EvaluationForm componentName="InfiniteScroll" />
diff --git a/stories/Link/Link.mdx b/stories/Link/Link.mdx
index bee82cf12..379e0c0a1 100644
--- a/stories/Link/Link.mdx
+++ b/stories/Link/Link.mdx
@@ -9,6 +9,9 @@ import {
   Dark,
 } from './Link.stories.jsx';
 
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
+
 <Meta 
   title="Foundation/Link"
   component={Link}
@@ -44,4 +47,6 @@ import Link from '@catho/quantum/Link';
 
 <Canvas>
   <Story of={Dark}/>
-</Canvas>
\ No newline at end of file
+</Canvas>
+
+<EvaluationForm componentName="Link" />
diff --git a/stories/List/List.mdx b/stories/List/List.mdx
index 10a0f4c33..8f9b0f385 100644
--- a/stories/List/List.mdx
+++ b/stories/List/List.mdx
@@ -13,6 +13,9 @@ import {
   WithIcons,
 } from './List.stories.jsx';
 
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
+
 <Meta 
   title="Foundation/List"
   component={List}
@@ -66,4 +69,6 @@ import List from '@catho/quantum/List';
 
 <Canvas>
   <Story of={WithIcons} />
-</Canvas>
\ No newline at end of file
+</Canvas>
+
+<EvaluationForm componentName="List" />
diff --git a/stories/Theme/Theme.mdx b/stories/Theme/Theme.mdx
index a79b09e10..70dd19aca 100644
--- a/stories/Theme/Theme.mdx
+++ b/stories/Theme/Theme.mdx
@@ -3,6 +3,8 @@ import { Meta } from '@storybook/addon-docs';
 import { Header } from '../shared'
 
 import { BreakpointsProperties, ColorIntensity, SpacingValues } from './Theme';
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Theme" />
 
@@ -129,4 +131,6 @@ badge: {
     },
   },
 }
-```
\ No newline at end of file
+```
+
+<EvaluationForm componentName="Theme" />
\ No newline at end of file
diff --git a/stories/Typography/Typography.mdx b/stories/Typography/Typography.mdx
index 96cfdde67..038ba42c3 100644
--- a/stories/Typography/Typography.mdx
+++ b/stories/Typography/Typography.mdx
@@ -2,6 +2,8 @@ import { Meta, Story } from '@storybook/addon-docs';
 
 import { Header } from '../shared'
 import { Headings, Texts, Lists } from './Components'
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Typography" />
 
@@ -66,4 +68,6 @@ const exampleItemsDefault = [
 ];
 ```
 
-<Lists />
\ No newline at end of file
+<Lists />
+
+<EvaluationForm componentName="Typography" />