layout: center class: text-center
Six Months, Zero Handwritten Code
layout: section transition: fade
Redefining the Engineer’s Role
From "Writing Code" to "Providing Context"
-
When progress stalls, the solution is never "just try harder"
-
Instead, take a step back and ask: what is the Agent still missing?
-
Context · Tools · Constraints
The quality of context engineering = the quality of AI output
The Engineer’s Role Is Changing
Before
- Write code line by line
- Debug manually
- Review manually
- Rely on memory for documentation
Now
- Design tasks and define constraints
- Agent writes code + self-tests
- Agent cross-reviews
- Humans intervene only at merge time
layout: section transition: fade
Using Agents to Review Agents
Codex Automated Review
layout: section transition: fade
Make Applications Readable to Agents
Agent Autonomous Verification Workflow
sequenceDiagram
participant C as Agent
participant A as Application
participant D as Chrome DevTools
C->>D: Select target page + clear console
C->>D: Capture pre-action snapshot
C->>A: Trigger UI interaction path
A-->>D: Runtime events
C->>D: Capture post-action snapshot
C->>A: Apply fix + restart
loop Repeat until passing
C->>D: Re-run verification
end
layout: section transition: fade
Turn the Repository into the Single Source of Knowledge
Give the Agent a Map, Not a Manual
-
Context is a scarce resource — huge instruction files crowd out what actually matters
-
If everything is "important," then nothing is important — with too much information, the Agent only does nearest-pattern matching
-
Large files rot extremely fast — a graveyard of outdated rules that becomes a breeding ground for bugs once people stop maintaining them
-
Impossible to validate automatically — coverage, freshness, and ownership all spiral out of control
AGENTS.md ≈ a 100-line table of contents → points to the real documentation under docs/
layout: section transition: fade
From MCP to Skill
Method Matters More Than Connection
layout: two-cols layoutClass: gap-8
MCP vs Skill
MCP solves "connection"
- The Agent can call YApi APIs ✅
- The Agent can check ZenTao bugs ✅
- But it doesn’t know that after changing a field it should sync the docs ❌
- It doesn’t know it should add Chinese comments and enum descriptions ❌
Skill teaches the Agent how to use water
::right::
Skill solves "method"
- After changing code → sync docs automatically
- Every field → Chinese comments + enum descriptions
- Fill in request/response examples
- Validate consistency between docs and code
Advantages of Skill:
- Carries methodology, not just connections
- Version-managed and reviewable
- Loaded on demand, without consuming context
ZenTao Skill: Fix a Bug by Pasting a Link
Help me install this skill: https://github.com/leeguooooo/zentao-mcp
YApi Skill: Automating Upstream/Downstream Integration
sequenceDiagram
participant PM as Upstream party
participant Dev as Developer
participant Agent as Agent
participant YApi as YApi
PM->>Dev: Send integration request + YApi endpoint URL
Dev->>Agent: Paste the endpoint URL
Agent->>YApi: Read interface definition via Skill
Agent->>YApi: Automatically navigate to related interfaces
Agent->>Agent: Understand full context and generate integration code
Agent->>Dev: Output implementation + automatically update local docs
Dev->>YApi: `yapi docs-sync` syncs the docs
Project-Level Skill Composition: Fully Automated Bug Investigation
flowchart LR
A[ZenTao Bug] -->|ZenTao Skill| B[Read bug details]
B --> C[Locate relevant code]
C -->|Log Skill| D[Query runtime logs]
C -->|DB Skill| E[Query database]
C -->|KV Skill| F[Query cache]
C -->|Token Skill| G[Verify authentication]
D & E & F & G --> H[Analyze root cause]
H --> I[Fix code and submit]
but also connect directly to the test environment and pull real data to analyze the issue
layout: section transition: fade
Open Source Recommendation: Superpowers
An Agent Skill Framework with 100k+ Stars
Superpowers: A Complete Development Workflow
Think it through before acting, with Socratic questioning
Break work into 2–5 minute tasks
Isolated development environments, zero risk
Enforced TDD: write tests before code
Multiple Agents in parallel + two review rounds
Automatically parallelize independent tasks
Four-stage troubleshooting, no speculative fixes
Verification required before completion; evidence before conclusions
Bidirectional review, no blind agreement
End-of-work decision: merge / PR / keep / abandon
Key Feature: Everything Triggers Automatically
Subagent Parallel Development Workflow
flowchart TD
P[Implementation plan] --> S1[Subagent 1: Task A]
P --> S2[Subagent 2: Task B]
P --> S3[Subagent 3: Task C]
S1 --> R1[Review: spec compliance]
S2 --> R2[Review: spec compliance]
S3 --> R3[Review: spec compliance]
R1 --> Q1[Review: code quality]
R2 --> Q2[Review: code quality]
R3 --> Q3[Review: code quality]
Q1 & Q2 & Q3 --> M[Merge integration]
layout: section transition: fade
Pitfall Guide
The Easiest Mistakes to Make with AI Programming
Seven Major Pitfalls
layout: center class: text-center
The Two Most Important Habits
layout: section transition: fade
Summary
From "Writing Code" to "Designing Systems"
layout: center class: text-center
layout: center class: text-center
layout: center class: text-center
Thank You
It’s Time to Completely Abandon Old-School Programming
layout: center class: text-center
Six Months, Zero Handwritten Code
layout: section transition: fade
Redefining the Engineer’s Role
From "Writing Code" to "Providing Context"
-
When progress stalls, the solution is never "just try harder"
-
Instead, take a step back and ask: what is the Agent still missing?
-
Context · Tools · Constraints
The quality of context engineering = the quality of AI output
The Engineer’s Role Is Changing
Before
- Write code line by line
- Debug manually
- Review manually
- Rely on memory for documentation
Now
- Design tasks and define constraints
- Agent writes code + self-tests
- Agent cross-reviews
- Humans intervene only at merge time
layout: section transition: fade
Using Agents to Review Agents
Codex Automated Review
layout: section transition: fade
Make Applications Readable to Agents
Agent Autonomous Verification Workflow
sequenceDiagram
participant C as Agent
participant A as Application
participant D as Chrome DevTools
C->>D: Select target page + clear console
C->>D: Capture pre-action snapshot
C->>A: Trigger UI interaction path
A-->>D: Runtime events
C->>D: Capture post-action snapshot
C->>A: Apply fix + restart
loop Repeat until passing
C->>D: Re-run verification
end
layout: section transition: fade
Turn the Repository into the Single Source of Knowledge
Give the Agent a Map, Not a Manual
-
Context is a scarce resource — huge instruction files crowd out what actually matters
-
If everything is "important," then nothing is important — with too much information, the Agent only does nearest-pattern matching
-
Large files rot extremely fast — a graveyard of outdated rules that becomes a breeding ground for bugs once people stop maintaining them
-
Impossible to validate automatically — coverage, freshness, and ownership all spiral out of control
AGENTS.md ≈ a 100-line table of contents → points to the real documentation under docs/
layout: section transition: fade
From MCP to Skill
Method Matters More Than Connection
layout: two-cols layoutClass: gap-8
MCP vs Skill
MCP solves "connection"
- The Agent can call YApi APIs ✅
- The Agent can check ZenTao bugs ✅
- But it doesn’t know that after changing a field it should sync the docs ❌
- It doesn’t know it should add Chinese comments and enum descriptions ❌
Skill teaches the Agent how to use water
::right::
Skill solves "method"
- After changing code → sync docs automatically
- Every field → Chinese comments + enum descriptions
- Fill in request/response examples
- Validate consistency between docs and code
Advantages of Skill:
- Carries methodology, not just connections
- Version-managed and reviewable
- Loaded on demand, without consuming context
ZenTao Skill: Fix a Bug by Pasting a Link
Help me install this skill: https://github.com/leeguooooo/zentao-mcp
YApi Skill: Automating Upstream/Downstream Integration
sequenceDiagram
participant PM as Upstream party
participant Dev as Developer
participant Agent as Agent
participant YApi as YApi
PM->>Dev: Send integration request + YApi endpoint URL
Dev->>Agent: Paste the endpoint URL
Agent->>YApi: Read interface definition via Skill
Agent->>YApi: Automatically navigate to related interfaces
Agent->>Agent: Understand full context and generate integration code
Agent->>Dev: Output implementation + automatically update local docs
Dev->>YApi: `yapi docs-sync` syncs the docs
Project-Level Skill Composition: Fully Automated Bug Investigation
flowchart LR
A[ZenTao Bug] -->|ZenTao Skill| B[Read bug details]
B --> C[Locate relevant code]
C -->|Log Skill| D[Query runtime logs]
C -->|DB Skill| E[Query database]
C -->|KV Skill| F[Query cache]
C -->|Token Skill| G[Verify authentication]
D & E & F & G --> H[Analyze root cause]
H --> I[Fix code and submit]
but also connect directly to the test environment and pull real data to analyze the issue
layout: section transition: fade
Open Source Recommendation: Superpowers
An Agent Skill Framework with 100k+ Stars
Superpowers: A Complete Development Workflow
Think it through before acting, with Socratic questioning
Break work into 2–5 minute tasks
Isolated development environments, zero risk
Enforced TDD: write tests before code
Multiple Agents in parallel + two review rounds
Automatically parallelize independent tasks
Four-stage troubleshooting, no speculative fixes
Verification required before completion; evidence before conclusions
Bidirectional review, no blind agreement
End-of-work decision: merge / PR / keep / abandon
Key Feature: Everything Triggers Automatically
Subagent Parallel Development Workflow
flowchart TD
P[Implementation plan] --> S1[Subagent 1: Task A]
P --> S2[Subagent 2: Task B]
P --> S3[Subagent 3: Task C]
S1 --> R1[Review: spec compliance]
S2 --> R2[Review: spec compliance]
S3 --> R3[Review: spec compliance]
R1 --> Q1[Review: code quality]
R2 --> Q2[Review: code quality]
R3 --> Q3[Review: code quality]
Q1 & Q2 & Q3 --> M[Merge integration]
layout: section transition: fade
Pitfall Guide
The Easiest Mistakes to Make with AI Programming
Seven Major Pitfalls
layout: center class: text-center
The Two Most Important Habits
layout: section transition: fade
Summary
From "Writing Code" to "Designing Systems"
layout: center class: text-center
layout: center class: text-center
layout: center class: text-center
Thank You
Keys: ← → Space PageUp PageDown F
Use an extended display: put the audience view on the projector and keep this presenter view on your laptop.