diff --git a/src/components/Skeleton/__snapshots__/Skeleton.visual.test.tsx-snapshots/Skeleton-smoke-dark-chromium-linux.png b/src/components/Skeleton/__snapshots__/Skeleton.visual.test.tsx-snapshots/Skeleton-smoke-dark-chromium-linux.png
new file mode 100644
index 0000000000..59b0f6c74d
Binary files /dev/null and b/src/components/Skeleton/__snapshots__/Skeleton.visual.test.tsx-snapshots/Skeleton-smoke-dark-chromium-linux.png differ
diff --git a/src/components/Skeleton/__snapshots__/Skeleton.visual.test.tsx-snapshots/Skeleton-smoke-light-chromium-linux.png b/src/components/Skeleton/__snapshots__/Skeleton.visual.test.tsx-snapshots/Skeleton-smoke-light-chromium-linux.png
new file mode 100644
index 0000000000..d0fb46d609
Binary files /dev/null and b/src/components/Skeleton/__snapshots__/Skeleton.visual.test.tsx-snapshots/Skeleton-smoke-light-chromium-linux.png differ
diff --git a/src/components/Skeleton/__tests__/Skeleton.visual.test.tsx b/src/components/Skeleton/__tests__/Skeleton.visual.test.tsx
new file mode 100644
index 0000000000..9f86334cbb
--- /dev/null
+++ b/src/components/Skeleton/__tests__/Skeleton.visual.test.tsx
@@ -0,0 +1,34 @@
+import {smokeTest, test} from '~playwright/core';
+
+import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios';
+import type {SkeletonProps} from '../Skeleton';
+import {Skeleton} from '../Skeleton';
+
+test.describe('Skeleton', {tag: '@Skeleton'}, () => {
+    smokeTest('', async ({mount, expectScreenshot}) => {
+        const defaultProps: SkeletonProps = {
+            className: '',
+            style: {
+                width: '30px',
+                height: '30px',
+            },
+        };
+
+        const smokeScenarios = createSmokeScenarios(defaultProps, {});
+
+        await mount(
+            <div style={{width: 400}}>
+                {smokeScenarios.map(([title, props]) => (
+                    <div key={title}>
+                        <h4>{title}</h4>
+                        <div>
+                            <Skeleton {...props} />
+                        </div>
+                    </div>
+                ))}
+            </div>,
+        );
+
+        await expectScreenshot({});
+    });
+});