diff --git a/apps/docs/src/stories/Skeleton.stories.tsx b/apps/docs/src/stories/Skeleton.stories.tsx
index 32946d5..9f543a0 100644
--- a/apps/docs/src/stories/Skeleton.stories.tsx
+++ b/apps/docs/src/stories/Skeleton.stories.tsx
@@ -1,9 +1,10 @@
-import { Skeleton, SkeletonProps } from '@sopt-makers/ui';
+import { Skeleton, SkeletonProps, Button as MDSButton, Toggle } from '@sopt-makers/ui';
 import { Meta, StoryObj } from '@storybook/react';
 
 const meta: Meta = {
   title: 'Components/Skeleton',
   component: Skeleton,
+  tags: ['autodocs'],
 };
 
 export default meta;
@@ -19,3 +20,18 @@ export const Circular: StoryObj<SkeletonProps> = {
     return <Skeleton width={40} height={40} variant='circular' />;
   },
 };
+
+export const Button: StoryObj<SkeletonProps> = {
+  render: () => {
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
+        <Skeleton>
+          <MDSButton>버튼버튼버튼</MDSButton>
+        </Skeleton>
+        <Skeleton>
+          <Toggle />
+        </Skeleton>
+      </div>
+    );
+  },
+};