Manggala AI Skill Injector 🚀

Instant CLI tool to inject Manggala Enterprise AI Coding Skills into any React / Web project (.agents/skills for Anti-Slop UI Craftsmanship, Git Commit Discipline, and Frontend Architecture).

⚡ Quick Start

Inject AI Skills into your current project folder:

npx manggala-frontend-skill .

Or inject into a specific project folder:

npx manggala-frontend-skill ./my-web-app

🧠 Installed AI Skills (.agents/skills/)

Running this tool instantly injects the following skills into your project:

1. 🎯 manggala-frontend-skill: Best practices for React, Vite, TanStack Query/Table, Axios, React Hook Form, and Zod.
2. 🎨 anti-slop: Rules for AI agents to eliminate generic AI UI slop, enforce accessibility, mobile responsiveness, and clean UI states.
3. 📝 commit-work: Enforcement of Conventional Commits and atomic staging.
4. 📍 .agents/AGENTS.md: Auto-discovery pointer file so AI Coding Assistants (Antigravity, Gemini, Claude, Codex, Cursor) pick up skills automatically.

📌 Recommended Tech Stack Dependencies

This skill set is tailored for:

• React + Vite (TypeScript)
• Tailwind CSS v4
• TanStack React Query & Table
• Axios, React Hook Form, Zod

If your project does not have these packages yet, you can copy-paste:

# Core Dependencies
npm install @tanstack/react-query @tanstack/react-query-devtools @tanstack/react-table axios react-hook-form zod react-hot-toast react-quill-new lucide-react

# Tailwind CSS (Dev Dependencies)
npm install -D tailwindcss @tailwindcss/vite

📄 License

MIT © Manggala