npm package: @jodijonatan/skips
Description: CLI to skip boring Vite + Tailwind v4 setup
Author: Jodi Jonatan
Latest version: 1.3.1

# @jodijonatan/skips

[![Node.js](https://img.shields.io/badge/Node.js-v18+-brightgreen.svg)](https://nodejs.org/)
[![npm](https://img.shields.io/npm/v/@jodijonatan/skips?color=blue)](https://www.npmjs.com/package/@jodijonatan/skips)
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
[![Twitter Follow](https://img.shields.io/twitter/follow/jodijonatan?color=1DA1F2&logo=twitter)](https://twitter.com/jodijonatan)

```
   _____ _  _______ _____   _____
  / ____| |/ /_   _|  __ \ / ____|
 | (___ | ' /  | | | |__) | (___
  \___ \|  <   | | |  ___/ \___ \
  ____) | . \ _| |_| |     ____) |
 |_____/|_|_\_____|_|    |_____/

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

```bash
# 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](https://code.visualstudio.com/docs/editor/command-line) if auto-open fails.

## 🤝 Contributing

Fork, create a feature branch, PR to `main`. Templates live in `/templates/`.

## 📄 License

MIT © [Jodi Jonatan](https://jodijonatan.vercel.app/)

---

⭐ Star on [npm](https://www.npmjs.com/package/@jodijonatan/skips) if it saves you time!