Six months of hands-on experience with AI programming — a Slidev presentation
layout: center class: text-center
layout: section transition: fade
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
layout: section transition: fade
layout: section transition: fade
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
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
layout: two-cols layoutClass: gap-8
::right::
Advantages of Skill:
Help me install this skill: https://github.com/leeguooooo/zentao-mcp
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
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]
layout: section transition: fade
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
layout: center class: text-center
layout: section transition: fade
layout: center class: text-center
layout: center class: text-center
layout: center class: text-center