From 4479fba3104ae5a1e89e3f68f680d14325d2a014 Mon Sep 17 00:00:00 2001
From: Corbin Crutchley <git@crutchcorn.dev>
Date: Mon, 29 Sep 2025 11:24:27 -0700
Subject: [PATCH] fix: update README instructions more

---
 package/README.md | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/package/README.md b/package/README.md
index 4a4c066..8c09670 100644
--- a/package/README.md
+++ b/package/README.md
@@ -13,6 +13,25 @@ A CSS-only skeleton loader that supports syncing multiple elements' loading indi
 npm install sync-skeleton
 ```
 
+The only prerequisite to using this package is the CSS file. Import it in your project via TypeScript:
+
+```typescript
+// Required for usage
+import 'sync-skeleton/skeleton.css'
+```
+
+Or via HTML:
+
+```html
+<link rel="stylesheet" href="node_modules/sync-skeleton/skeleton.css" />
+```
+
+Then, add the `loading-skeleton` class to any element you want to have the skeleton loader applied to.
+
+```html
+<div class="loading-skeleton" style="width: 200px; height: 20px;"></div>
+```
+
 ## 📐 CSS Variables for customising
 
 ### 🎨 Styling / Design;
-- 
2.51.2