read me installation npm

Author: dinoDanic

packages/cli/README.md

@@ -1,4 +1,4 @@
-`@kodiui/cli` is a command-line interface (CLI) tool designed to facilitate the seamless integration of Kodi UI's primitive components into your projects. Drawing inspiration from the "Every Layout CSS" book, Kodi UI is meticulously crafted with Tailwind CSS, offering you a robust collection of versatile and aesthetically pleasing components that adapt effortlessly to your design needs.
+@kodiui/cli is a command-line interface (CLI) tool designed to effortlessly integrate Kodi UI's primitive components into your React projects. Drawing inspiration from the "Every Layout CSS" book, Kodi UI is meticulously crafted with Tailwind CSS, providing you with a robust collection of versatile and aesthetically pleasing components that adapt seamlessly to your design needs. With the @kodiui/cli, you can easily install desired components into your project, and have the flexibility to edit and customize them according to your specific requirements, ensuring a perfect fit for your application's design and functionality.
 
 ## Available Components 🛠
 
@@ -37,11 +37,44 @@
 9. **switcher.tsx** 🔀
    - A flexible component that enables seamless switching between different views or content.
 
-run script
+## Getting Started 🚀
 
-```
+To incorporate Kodi UI's primitive components into your project, simply follow these steps:
+
+1. **Install the Components**
+
+   Run the following command to launch the CLI and install the primitive components:
 
+```
 npx @kodiui/cli@latest
 ```
 
-By leveraging `@kodiui/cli`, you can effortlessly incorporate these primitive components into your project, ultimately saving you time and effort, and allowing you to focus more on crafting stunning, responsive user interfaces that make a lasting impression. 😊
+When prompted, select "Install Primitives".
+
+2. **Configure Tailwind CSS**
+
+After installation, you'll need to integrate the spacing token into your Tailwind CSS configuration. Open your Tailwind config file and include the spacing token like so:
+
+```javascript
+// tailwind.config.js
+
+import type { Config } from "tailwindcss";
+import { spacing } from "@/components/primitives/tokens/spacing";
+
+const config: Config = {
+  content: [
+    // ... (your other content paths)
+  ],
+  theme: {
+    // ...
+    extend: {
+      // ...
+      spacing: spacing,
+    },
+  },
+};
+
+export default config;
+```
+
+And that's it! You're now ready to harness the power of Kodi UI's primitive components in your React project. Enjoy crafting beautiful, responsive layouts with ease!

packages/cli/package.json

@@ -19,7 +19,6 @@
   "keywords": [
     "kodiui",
     "cli",
-    "component library",
     "tailwind",
     "css",
     "layout",
@@ -28,9 +27,7 @@
     "ui",
     "user interface",
     "responsive design",
-    "flexbox",
     "every layout css",
-    "frontend",
     "typescript"
   ],
   "author": "dinoDanic",