Man with curly hair and beard at a conference coffee break, pointing at a closed laptop on a small round table. In the background, attendees stand near a buffet counter with drinks and glasses.

👋 If you are at #VDZ26 and wanna come say hi or wanna chat about #angular, #testing, #nx and AI dev workflows such as #ChartedCoding, you will find me here.

Infographic titled 'Charted Coding: An AI-Assisted Workflow where you stay at the helm.' Shows the workflow as five sequential slash commands: /charted-design produces a Collaborative Design Doc, /charted-review enhances with expert sub-agents, /charted-scaffold generates Wiprecated Code, /charted-red creates a Failing Test, and /charted-green makes it pass. Right side highlights three benefits: Tight feedback loops, Low token usage, and Focused. Top left shows the install command: npx skills add marmicode/skills. Marmicode logo in bottom left corner.

AI agents are great — until you're staring at a 500-line PR you didn't ask for

⛵️ With #ChartedCoding an AI-assisted TDD, you get:
- ⚡️ Tight feedback loops
- 🪙 Low token usage
- 🎯 Humans & agents stay focused

💻 Try the agent skills: github.com/marmicode/sk...
or make your own 😉

I just released my #ChartedCoding dev workflow (📝 design doc => 🤖✅ AI #TDD) video using #Cursor, and now I have to try the same with #GeminiCLI 😅

Excithausting times 😆

📺 Full video here: youtu.be/8z9tUsSoros

Diagram representing charted coding and human / AI agent participation. Creative tasks require more human attention than repetitive & time-consuming work. It goes from design doc to writing failing tests and making them pass then finally refactoring.

🧭 A major benefit of #ChartedCoding is that focused prompts are faster and more predictable, e.g.:

📝 review design doc
🚧 scaffold wip code
🔴 write failing tests
✅ make them pass one by one (using a test MCP)
🧹 tidy up
🎨 polish UI
...

Watch here: youtu.be/8z9tUsSoros

screenshot of Younes' charted coding video showing design doc and mermaid.

Why prompt and pray when you can work on a design doc — including Mermaid diagrams and test cases — with your AI assistant?

👇 meet #ChartedCoding
youtu.be/8z9tUsSoros

✨ New video: #ChartedCoding with #Angular, @cursor.com.web.brid.gy , @vitest.dev , and #wallabyjs

📝 Design doc over prompts
✅ AI TDD
⚡️ Faster focused prompts
🦾 Charted Coding MCP server to streamline the workflow
😌 Less review fatigue

👉 Watch here:
youtu.be/8z9tUsSoros

#javascript

An infographic highlighting the 3 major phases of Charted Coding: - Charting - Auto-pilot - Rerouting / Fine-tuning It highlights how AI Agent participant increases on repetitive and time-consuming work while it decreases in favor of human participation for creative work.

#TDD not only helps humans develop faster.

It also helps AI agents:
🔁 Self-evaluate before wasting precious human review time
🎯 Make focused changes to reduce review cost
👯 Parallelize work on different agents

This is just a subset of what I call #chartedcoding

✋ There is nothing wrong with AI agents.
The problem is the dev workflow.

Why ask for Code & Fix when you could ask for #TDD?

@cursor.com.web.brid.gy + #wallabyjs + @vitest.dev
= 🤖✅ AI-powered TDD

Just a glimpse of what's cooking...
⛵️ #chartedcoding

Stay tuned.