🌌 Vibe Coding Kit — Edward Yin Academy Edition

Build software like a pro, even if you've never coded in your life.

🚀 What is this?

Welcome to the Edward Yin Academy Vibe Coding Kit.

Imagine having an elite team of software engineers, world-class designers, and cybersecurity experts living inside your computer. This kit "hires" them for you. You don't need to learn how to code; you just need to learn how to talk to them. This is called Vibecoding.

💻 Step 0: The Command Center (The Terminal)

To set everything up, we need to use your computer's Terminal (also called the Command Center). This is a window where you type direct instructions to your computer.

How to open it:

• 🪟 Windows: Click your Start button, type PowerShell, and press Enter.
• 🍎 Mac: Hold the Command key and tap the Spacebar. Type Terminal and press Enter.

[!TIP] How to Paste: If you copy a command from this guide, you can usually paste it into the terminal by Right-Clicking anywhere in the window or pressing Ctrl + V (Windows) or Command + V (Mac).

🛠️ Step 1: The Foundation (NVM & Node)

First, we need to install the engine that runs our AI tools.

🪟 If you use Windows:

1. Download the installer from this link.
2. Open the file and keep clicking Next until it is finished.
3. Open your Terminal (PowerShell) and type these two lines (one at a time):

   nvm install latest
   nvm use latest

🍎 If you use Mac:

1. Copy and paste this line into your Terminal and press Enter:

   curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

2. Close your Terminal window and open a new one.
3. Type these two lines (one at a time):

   nvm install node
   nvm use node

📦 Step 2: Choose Your Setup Method

There are two ways to use the Vibe Coding Kit. Choose the one that fits you best.

Option A: The Quick Start (Using NPX)

This is the easiest way. You don't need to install anything permanently. Just run this whenever you start a new project:

npx @edwardyinacademy/vibe-coding-kit init

Option B: The Permanent Install (Global)

If you plan to use this kit every day, install it globally so the vibe-coding command is always ready:

npm install -g @edwardyinacademy/vibe-coding-kit

Once installed, you can just type:

vibe-coding init

🔄 Step 3: Keeping Your Kit Updated

The Vibe Coding Kit is constantly evolving with new skills and workflows. To ensure you have the latest experts:

To update the Global Tool:

Run this command in your terminal:

npm update -g @edwardyinacademy/vibe-coding-kit

To update skills in an existing project:

1. Go to your project folder.
2. Delete the .agent folder.
3. Run the init command again (using either npx or vibe-coding init).

🛠️ For Developers (Local Setup)

If you are contributing to this repository or testing local changes:

1. Open your terminal in this folder.
2. Run npm link.
3. You can now use vibe-coding (for production) and vibe-coding sync (to pull latest upstreams) anywhere.

Your AI expert team is now officially "on the clock" and ready to build with you.

🎨 How to "Vibe" With Your AI

Open your project in your favorite Agentic Environment (IDE or Terminal). Once you are inside, you can use Magic Shortcuts to get things done fast:

| Shortcut | What it does | When to use it | | :--- | :--- | :--- | | /brainstorm | Bounce Ideas | Use this to explore ideas and get suggestions before building. | | /plan | Ask for a Map | Use this when you have an idea but need a step-by-step roadmap. | | /create | Build it Now | Use this when you want the AI to build a new feature or app for you. | | /enhance | Level Up | Use this to improve or add more features to what you've already built. | | /namecard | Digital ID | Use this to build a premium digital namecard with lead capture logic. | | /debug | Fix the Problem | Use this when something isn't working and you need the AI to fix it. | | /ui-ux-pro-max | Make it Pretty | Use this to give your app a high-end, professional look. | | /orchestrate | Team Effort | Use this for big tasks where you need multiple AI experts working together. | | /preview | See Your Work | Use this to open a live view of your app and see your changes instantly. | | /test | Double Check | use this to make sure everything works perfectly and there are no mistakes. | | /deploy | Go Live | Use this when you are ready to launch your app to the world. | | /status | Progress Check | Use this to get a quick summary of what's finished and what's next. |

📚 Vibe Coding Awesome Skills Library

We have integrated over 1,400+ specialized skills from the global Awesome Skills library. These skills cover everything from advanced DevOps and Security to niche Frameworks and Data Science.

To use them, simply refer to them in your chat:

• "Use @vibe-coding-workflows to ship this MVP"
• "Apply @react-best-practices to this component"
• "Run a security audit using @vulnerability-scanner"

You can find the full list of skills in the .agent/skills/ folder of your project.

📄 License

MIT © Edward Yin Academy