updated new settings
This commit is contained in:
@@ -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
|
||||
|
||||
|
||||
@@ -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 1–4, 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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user