updated presentation

.claude/skills/presentation/presentation-styling/SKILL.md

@@ -56,7 +56,7 @@ Inside `.code-block`, use these spans for syntax coloring:
 ### Content Slide with Two Columns (Good vs Bad)
 ```html
 <div class="slide" data-slide="N" data-weight="5">
-    <h1>Title <span class="weight-badge">+5%</span></h1>
+    <h1>Title</h1>
     <div class="two-col">
         <div class="col-card bad">
             <h4>Before (Vibe Coding)</h4>
@@ -70,6 +70,8 @@ Inside `.code-block`, use these spans for syntax coloring:
 </div>
 ```
 
+Do not hardcode `<span class="weight-badge">` in slide HTML. The presentation JavaScript injects and removes weight badges automatically.
+
 ### Content Slide with Code Example
 ```html
 <div class="slide" data-slide="N">

.claude/skills/presentation/vibe-to-agentic-framework/SKILL.md

@@ -23,9 +23,12 @@ Every technique is demonstrated on a realistic full-stack project:
 todoapp/
 ├── backend/          # FastAPI (Python)
 │   ├── main.py       # App entry + CORS
-│   ├── models.py     # SQLAlchemy models
 │   ├── routes/
 │   │   └── todos.py  # CRUD endpoints
+│   │   └── users.py  # Auth endpoints
+│   ├── models/
+│   │   ├── todo.py   # SQLAlchemy Todo model
+│   │   └── user.py   # SQLAlchemy User model
 │   └── tests/
 │       └── test_todos.py
 ├── frontend/         # Next.js (TypeScript)
@@ -33,7 +36,10 @@ todoapp/
 │   │   ├── TodoList.tsx
 │   │   └── Sidebar.tsx
 │   ├── pages/
-│   └── styles/       # Tailwind tokens
+│   │   ├── index.tsx
+│   │   └── todos.tsx
+│   └── lib/
+│       └── api.ts    # API client
 └── CLAUDE.md
 ```