@jodijonatan/skips

   _____ _  _______ _____   _____
  / ____| |/ /_   _|  __ \ / ____|
 | (___ | ' /  | | | |__) | (___
  \___ \|  <   | | |  ___/ \___ \
  ____) | . \ _| |_| |     ____) |
 |_____/|_|_\_____|_|    |_____/

CLI to skip boring Vite + Tailwind setup

Skips is a zero-configuration CLI tool that scaffolds modern Vite projects with Tailwind CSS v4 in seconds. No more manual setup of Tailwind plugins, config files, or boilerplate cleaning—Skips handles it all!

🚀 Features

• Lightning Fast: Full project ready in under 60 seconds.
• Tailwind CSS v4: Auto-installs @tailwindcss/vite (official Vite plugin).
• Clean Slate: Removes Vite defaults (counter apps, extra assets/CSS).
• Custom Starters: Optimized App.tsx/jsx with Tailwind dark-mode ready UI.
• Git Ready: Auto git init, initial commit, main branch setup.
• VS Code: Opens project automatically (if available).
• Templates: React + TypeScript, React + JavaScript, Vanilla JS.

📦 Installation

# Global installation
npm install -g @jodijonatan/skips

skips

# Or Run without installing (using npx)
npx @jodijonatan/skips

Follow the prompts:

1. Project name: Defaults to my-new-app.
2. Template: Choose React+TS, React, or Vanilla JS.

Skips will:

1. Scaffold Vite project.
2. Install dependencies + Tailwind v4.
3. Clean & copy optimized templates.
4. Init Git repo with first commit.
5. cd into project & npm run dev ✅

📋 Supported Templates

| Template | Description | Vite Config | App File | | ---------- | ------------------ | ----------- | ----------------------- | | react-ts | React + TypeScript | TS | App.tsx | | react | React + JavaScript | JS | App.jsx | | vanilla | Vanilla JavaScript | JS | main.js + style.css |

All include:

• Tailwind v4 via @tailwindcss/vite.
• Minimal index.css with @import "tailwindcss";.
• Dark-mode ready starter UI.

🛠 What's Generated

my-app/
├── vite.config.js|ts     # Tailwind v4 + React/Vanilla
├── src/
│   ├── App.tsx/jsx       # Clean Tailwind starter
│   ├── index.css         # @import tailwindcss
│   └── main.tsx/jsx      # Standard entry
├── public/               # Empty (cleaned)
├── src/assets/           # Empty (cleaned)
├── .git/                 # Initialized
└── README.md             # Vite defaults

🔧 Customization

Edit files in ./templates/:

• App.tsx: Starter component.
• index.css: Tailwind imports.
• vite.config.*.js: Vite + Tailwind config. Changes apply to new projects instantly.

Note: CLI prompts are bilingual (English/Indonesian) for broader accessibility.

❗ Troubleshooting

• Dependency Errors: Skips uses --legacy-peer-deps internally.
• Global Install Issues: Ensure Node.js ≥18, npm ≥9.
• VS Code: Install VS Code CLI if auto-open fails.

🤝 Contributing

Fork, create a feature branch, PR to main. Templates live in /templates/.

📄 License

MIT © Jodi Jonatan

⭐ Star on npm if it saves you time!