# Vibe-Coding in the K–12 Classroom

> A Texas TEKS-aligned curriculum map of AI-powered student projects for grades K–12.

**[→ View the site](index.html)**

---

## What Is This?

This is a single-page reference guide for educators exploring **vibe-coding** as a classroom practice — using AI tools to help students describe, generate, evaluate, and revise content across core subject areas.

Every project in this guide follows the same loop:

```
Student prompts → AI generates → Student evaluates → Student revises → Student publishes
```

AI produces the first draft. Students are responsible for everything that ships.

---

## Grade Bands Covered

| Band | Pedagogy | Key Shift |
|------|----------|-----------|
| **K–2** | Guided Exploration | Teacher holds the prompt; class shapes output together |
| **3–5** | Scaffolded Agency | Students type their own prompts and fact-check outputs |
| **6–8** | Code & Critique | Students write and run AI-generated code; build functional tools |
| **9–12** | Ship & Defend | Students deploy public-facing apps and present to real audiences |

---

## Content Areas

Each grade band includes projects across:

- 📖 ELA / Reading & Writing
- ➕ Math
- 🔬 Science
- 🗺️ Social Studies
- 💻 Computer Science / CTE *(grades 9–12)*
- 💡 One non-obvious idea per band — something educators typically haven't considered

All projects reference specific **Texas TEKS** standards.

---

## Tools Referenced

Projects suggest tools appropriate to each grade band. No single tool is required — these are starting points, not mandates.

**K–5:** Book Creator, Canva, ChatGPT (teacher-led), Claude, Diffit, Flip, Google Slides  
**6–8:** Claude, Desmos, Flourish, GeoGebra, Google Colab, NotebookLM, Perplexity, PhET, Replit  
**9–12:** Claude Projects, Cursor, FRED, GitHub Copilot, GitHub Pages, Google Colab, n8n, Replit, Streamlit, Vercel  

---

## How to Deploy This Site

This project is a single self-contained HTML file with no dependencies, build steps, or frameworks.

### GitHub Pages (recommended)

1. Fork or clone this repo
2. Rename `vibe-coding-curriculum.html` to `index.html` if not already done
3. Go to **Settings → Pages**
4. Set source to **Branch: main**, folder: **/ (root)**
5. Save — your site will be live at `https://[your-username].github.io/[repo-name]`

### Local preview

```bash
# No server needed — just open the file
open index.html
# or
python3 -m http.server 8000
```

---

## About

This resource was created by **Miguel Guhlin**, Director of Professional Development at [TCEA](https://blog.tcea.org), with 32 years of EdTech experience. Miguel is a Google Certified Innovator, ISTE Certified Educator, Microsoft Certified Master Trainer, and member of Texas All About AI-EDU (ALIGN project).

This page was **vibe-coded** — meaning AI tools were used to generate the initial draft, which was then evaluated, revised, and shaped by a human expert. That's the whole point.

- 🌐 Personal site: [mguhlin.org](https://mguhlin.org)
- 📝 TCEA blog: [blog.tcea.org](https://blog.tcea.org)
- ✉️ Email: [mguhlin@tcea.org](mailto:mguhlin@tcea.org?Subject=Vibe-coded%20Examples)

---

## License

Content is shared for educational use. Please credit Miguel Guhlin / TCEA when adapting or republishing. Framework names (PROTECT Rubric, SHINE Framework, RTCF, LEARNS, etc.) are the intellectual property of Miguel Guhlin.

---

*Built with TCEA brand colors · DM Serif Display + DM Sans · No frameworks, no build tools, no dependencies.*