updated new settings

This commit is contained in:
Shayan Rais
2026-02-18 10:32:30 +05:00
parent 89de0f7ab0
commit 2ac297cca4
5 changed files with 105 additions and 37 deletions
+1
View File
@@ -101,6 +101,7 @@ _Findings from previous executions are recorded here. Add new entries as bullet
- Do not use shorthand agent names in examples (`frontend-eng`). Keep identifiers exactly aligned with agent definitions.
- Never hardcode `.weight-badge` in slide HTML; badges are runtime-injected.
- Keep the framework skill name stable as `vibe-to-agentic-framework` to avoid broken skill references.
- When updating slide 2 (TodoApp structure) to show before/after comparison, the `.two-col` layout works well with centered h3 headers using inline styles for red/green color coding. Update framework skill's Part 0 description and TodoApp example section to reflect the new before/after structure.
## Critical Requirements
+8
View File
@@ -48,6 +48,14 @@
"mode": "replace",
"verbs": ["Admiring Shayan's code", "Learning from Shayan", "Studying Shayan's patterns", "Copying Shayan's genius", "Thanking Shayan deeply", "Absorbing Shayan's wisdom", "Following Shayan's lead", "Praising Shayan's repo"]
},
"spinnerTipsOverride": {
"tips": [
"This is shayan custom tip#1",
"This is shayan custom tip#2"
],
"excludeDefault": true
},
"plansDirectory": "./reports",
"outputStyle": "Explanatory",
"enableAllProjectMcpServers": true,
@@ -17,30 +17,39 @@ The journey between these two extremes is **incremental and cumulative**. Each b
## The Running Example: TodoApp Monorepo
Every technique is demonstrated on a realistic full-stack project:
Every technique is demonstrated on a realistic full-stack project. The presentation shows the transformation from a plain project (vibe coding) to one with full Claude Code configuration (agentic engineering):
**Before (Vibe Coding):**
```
todoapp/
├── backend/ # FastAPI (Python)
│ ├── main.py # App entry + CORS
│ ├── main.py
│ ├── 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)
├── components/
│ │ ├── TodoList.tsx
│ │ └── Sidebar.tsx
│ ├── pages/
│ │ ├── index.tsx
│ │ └── todos.tsx
│ └── lib/
│ └── api.ts # API client
└── CLAUDE.md
└── frontend/ # Next.js (TypeScript)
├── components/
├── pages/
└── lib/
```
**After (Agentic Engineering):**
```
todoapp/
├── .claude/ # Claude Code config
│ ├── agents/ # Custom subagents
│ ├── skills/ # Domain knowledge
│ ├── commands/ # Slash commands
│ ├── hooks/ # Lifecycle scripts
│ ├── rules/ # Modular instructions
│ ├── settings.json # Team settings
│ └── settings.local.json # Personal settings
├── backend/
│ └── CLAUDE.md # Backend instructions
├── frontend/
│ └── CLAUDE.md # Frontend instructions
├── .mcp.json # Managed MCP servers
└── CLAUDE.md # Project instructions
```
**Why TodoApp?** It's small enough to fit on slides but complex enough to demonstrate real problems: a backend with route patterns and test conventions, a frontend with component hierarchy and design tokens, and a monorepo structure where cross-cutting concerns (like adding a new feature) require coordination between both sides.
@@ -54,7 +63,7 @@ The presentation follows a deliberate pedagogical sequence. Each section unlocks
### Part 0: Introduction (Slides 14, no weight)
**Purpose:** Set the stage. Introduce the TodoApp, define vibe coding, and show the destination.
- Title slide establishes the journey metaphor
- Example Project introduces the codebase all examples will reference
- Example Project shows the transformation: before/after comparison of TodoApp — plain project structure vs one with full Claude Code configuration (.claude/, CLAUDE.md, .mcp.json, etc.)
- "What is Vibe Coding?" creates the 0% baseline — the pain point
- Journey Map provides a clickable TOC showing the full path ahead