📖 Agillo CLI Documentation

📌 Introduction This CLI tool helps you manage and install React and React Native components from a registry. It allows you to list available components and add them to your project interactively.

📦 Installation

npx agillo-cli

🔍 Listing available components

To see all available components, run:

agillo-cli list

This will display categories like React , React Native and shadcn . You can navigate through categories and select a component to add.

📦 Adding a component

To add a specific component, use:

agillo-cli add component-name For example:

agillo-cli add button

If you don’t specify a component, you’ll get an interactive menu to choose from. 📂 Project Structure When a component is added, it will be copied to:

/components ├── button.tsx ├── some-other-component.tsx

If the component has dependencies, they will be added automatically.

If a file already exists, you’ll be prompted to overwrite, keep both, or skip.

Overwrite → Replace the existing file.

Keep both → Rename the new file and keep both versions.

Skip → Do not copy this file.

🛠 Updating Imports When components are copied, their imports will be updated automatically. For example, if your code has:

import { Button } from "@/shadcn/ui/button"; It will be updated to:

import { Button } from "./shadcn-button"; This ensures the component works in its new location.

⚠️ Error Handling If the component is not found, you’ll see:

🚨 Error: Component "xyz" not found in registry!

If a dependency is missing, you’ll see a warning but the installation will continue.