swiss_design_lineage_vibecoding

Start Here: Your First 10 Minutes

Single Entry Point for Swiss Design Lineage Project

Time to read: 5 minutes
Time to start: 10 minutes
What you’ll build: Professional design website using AI (~10 hours total)

🚀 Absolute Quickstart (2 min)

Too many words? Do this:

  1. Pick: Flat Design or Neo-Swiss (1 min)
  2. Open: Daily checklist (30 sec)
  3. Start: Day 1 → Find 3 reference images (30 sec)

Stop reading. Start building. Come back when stuck.

⚡ Quick Decision Tree

Answer one question: Have you done web design projects before?

👉 “No, I’m new to design”

Your path:

  1. Read this page (5 min)
  2. Pick a Beginner (⭐) style below
  3. Open your style guide & daily checklist
  4. Start Day 1

Recommended styles: Flat Design or Neo-Swiss

👉 “Yes, I have some design experience”

Your path:

  1. Skim this page (2 min)
  2. Pick any style that interests you below
  3. Jump to WORKFLOW.md for phase details
  4. Start Phase 1

Explore: All 15 styles in /style-guides/

🎯 What Is This Project?

Transform a Swiss-style website into a different design style using AI collaboration.

You: Make design decisions, provide screenshots, guide the AI
AI: Writes all the code, follows your direction
Result: Professional portfolio piece in one week

The Unique Part

AI writes a “collaboration story” page reflecting on how you worked together. This becomes your portfolio narrative.

📋 Pick Your Style (3 Options)

Option 1: Beginner (⭐) — 2 styles

Best if: New to design, want clear guidelines, forgiving styles

Option 2: Intermediate (⭐⭐) — 6 styles

Best if: Some design experience, want creative challenge

Option 3: Advanced (⭐⭐⭐) — 7 styles

Best if: Confident in design, want complex systems, love challenges

Can’t decide? Browse all 15 with descriptions →

⏱️ Time Commitment

Total: ~10 hours over one week
Daily: 1-2 hours/day
Breakdown:

🚀 Your Next 3 Actions

1. Pick Your Style (2 min)

2. Open Your Daily Checklist (1 min)

3. Read Your Style Guide (10 min)

Then stop reading and start building.

📚 When You Need Help

Stuck on what to do?
→ Daily checklist — Task-by-task breakdown

Need to understand the workflow?
→ WORKFLOW.md — Phase-by-phase guide

AI not cooperating?
→ TROUBLESHOOTING.md — Common issues + fixes

Want better AI results?
→ AI-PLAYBOOK.md — Vibe coding techniques

Reviewing your work?
→ Quality review template — Section-by-section checks

Understanding grading?
→ GRADING.md — Rubric + submission requirements

⚠️ Week 1 Mistakes (Avoid These)

❌ Reading everything before starting → Pick style, start building
❌ Accepting AI’s first output → Iterate 2-3x minimum
❌ Skipping screenshots → Screenshot after every change
❌ Vague prompts (“make it better”) → Use metrics (4rem, #3498DB, 3rem padding)

✅ You’re On Track If

After Sprint 1:

After Sprint 2:

After Sprint 3:

❓ Quick FAQs

Do I really write zero code?
Yes. AI writes it all. You guide with screenshots and descriptions.

What if I’m not a designer?
That’s the point. You’ll develop design judgment through iteration.

How long will this take?
~10 hours with AI. Without AI, this would be 40+ hours of manual coding.

What if I get stuck?
Check TROUBLESHOOTING.md or ask instructor.

🎯 Success Mindset

This project teaches you:

You’re not learning to code. You’re learning to direct.

Ready? Pick your style above and open your style guide. See you on the other side. 🚀

Project: Swiss Design Lineage Vibe Coding
Instructor: Keith Williams
Version: 3.0 — November 2025