diff --git a/src/snippets/imports.code-snippets b/src/snippets/imports.code-snippets
index d2e2931..377e336 100644
--- a/src/snippets/imports.code-snippets
+++ b/src/snippets/imports.code-snippets
@@ -290,6 +290,16 @@
       "description": "https://park-ui.com/docs/tailwind/components/select"
     },
 
+    "Skeleton": {
+      "prefix": ["park-skeleton"],
+      "body": [
+        "import { Circle, HStack, Stack } from 'styled-system/jsx'",
+        "import { Skeleton, type SkeletonProps } from '~/components/ui/skeleton'",
+        ""
+      ],
+      "description": "https://park-ui.com/docs/tailwind/components/skeleton"
+    },
+
       
     "Slider": {
         "prefix": ["park-i-slider", "park-slider"],
diff --git a/src/snippets/usage.code-snippets b/src/snippets/usage.code-snippets
index 13c7a7a..3894221 100644
--- a/src/snippets/usage.code-snippets
+++ b/src/snippets/usage.code-snippets
@@ -725,6 +725,23 @@
       "description": "https://park-ui.com/docs/tailwind/components/select"
     },
 
+    "Skeleton": {
+      "prefix": ["park-x-skeleton", "park-ui-skeleton"],
+      "body": [
+        " <HStack width=\"full\" gap=\"4\">",
+        "      <Skeleton borderRadius=\"full\">",
+        "        <Circle size=\"20\" />",
+        "      </Skeleton>",
+        "      <Stack gap=\"3.5\" width=\"full\">",
+        "        <Skeleton h=\"4\" />",
+        "        <Skeleton h=\"4\" width=\"80%\" />",
+        "        <Skeleton h=\"4\" width=\"60%\" />",
+        "      </Stack>",
+        "    </HStack>"
+      ],
+      "description": "https://park-ui.com/docs/tailwind/components/skeleton"
+    },
+
     "Slider": {
         "prefix": ["park-x-slider", "park-ui-slider"],
         "body": [