Vibe Coding with Claude Code /agents: 4 AI specialists collaborating without writing code
SERIES · 2 videos

Claude Code · Cursor AI · AWS · Zero Code

Vibe Coding with Claude Code /agents:
4 AI Specialists, Zero Code Written

I'm not going to teach you to code. I'm going to teach you to ask.

A team of 4 AI specialists — Designer, Developer, Architect and SEO — that coordinate themselves. Result: complete website, deployed to production, without writing a single line of code.

The concept

What is Vibe Coding?

Vibe coding is building software without programming — just asking. You don't read the code the AI generates. You don't need to know PHP, CSS or how to connect to a server. You trust the result and fix things conversationally. The term was coined by Andrej Karpathy in 2025: "forget that the code even exists."

This series takes vibe coding one step further. If asking Claude directly is the baseline, the /agents command in Claude Code lets you define a team of persistent specialists — each with their own methodology, constraints and evaluation criteria — and let the entire team solve the problem. You don't mediate. You just ask, approve and correct.

"It's like talking to someone and they do everything. You just keep asking. I see it as amplifying your brain."

What was used in this series

Two videos, three tools, one complete flow from start to production.

Claude Code

Part 1

Agent creation with /agents, team coordination and website implementation. The entire conversation happens in the terminal.

Cursor AI

Part 2

Visual editor connected to Claude Sonnet 4.5. File management, domain configuration and server deploy. Another form of vibe coding, more visual.

AWS Lightsail

Part 2

LAMP server where the site was deployed via SSH/SCP. Cursor handled the entire connection and configuration — without opening the terminal manually.

Part 1 · 13 min

Building the agent team

The /agents command in Claude Code creates agents with their own personality, specialty and methodology. You describe the agent in natural language and Claude generates the full prompt — including work methodology, evaluation criteria and constraints.

When you give them a joint task, they don't work in parallel blindly — they ask each other. The SEO agent was the first to speak: "What country does the psychologist operate in? This affects local keywords, competition and search strategy." No one told it to ask. It was simply what it needed to know.

The team created

1

🎨 Designer

Web design specialist for psychologists. Works with 2025 design trends, evaluates the clinical context and defines the visual architecture before the developer writes a single line.

2

💻 Developer

Senior in PHP, HTML and CSS. Follows the designer's patterns and receives context from all other agents before implementing. Result: 1,860 lines of CSS, 614 of animations, a PHP form and robots.txt.

3

🏗️ Architect & Content

Multi-faceted agent: defines the site structure and editorial content. Expert in information architecture and content for clinical psychology.

4

📈 SEO & Marketing

First to ask for information: "What country does the psychologist operate in? This affects local keywords, competition and search strategy." Generated a complete SEO strategy with keywords, monthly volume, long tail and a pre-launch checklist.

Part 2 · 15 min

From proposal to server

After the Designer, Architect and SEO finished their part, the Developer entered with the full team context. It implemented with approval on each file created:

1,860

lines of CSS

614

lines of JS animations

1

PHP contact form

~60 min

Claude Code phase

Then the project moved to Cursor AI — another form of vibe coding, more visual. From there: domain configuration nicolasneira.dev, SSH connection to the AWS Lightsail server, file upload via SCP and live troubleshooting. All resolved conversationally.

Real troubleshooting — unedited

Image not displaying

Cause: An SVG was created but saved with .jpg extension

→ "Update the site to recognize .svg instead of .jpg"

Red bar covering the name

Cause: CSS class crisis-bar with incorrect z-index

→ "The red bar is covering my name. Please fix it and re-deploy to server."

Wrong name in production

Cause: Showed as Nicolás Neira López

→ "Change the name to Dr. Nicolás Neira throughout the entire website"

It's a constant back-and-forth. AI isn't automatic — but it amplifies what you ask for.

The complete flow

From zero to production, step by step.

1

Create the team with /agents

Describe each agent in natural language. Claude generates the full prompt with methodology and criteria. You review and adjust.

2

Give the team a task

"Build a basic website where all agents communicate. I want to offer my psychology services. It's important to have a contact form. Please make it a one-page site and have all agents communicate with each other to generate a proposal."

3

Agents coordinate themselves

SEO asks for country and specialty context. Architect defines the structure. Designer proposes the style. All without you mediating.

4

Developer implements

1,860 lines of CSS, animations, PHP form, robots.txt and .gitignore. With full context from the other three.

5

Switch to Cursor AI

Open the project in Cursor. Give it the .pem file, public IP and server username.

6

Automatic deploy to production

Cursor connects via SSH, uploads files with SCP, configures permissions and verifies the site responds. You just approve each step.

Frequently asked questions

The most common questions about vibe coding, /agents and this series.

Do I need to know how to code for vibe coding?

+

No. The core concept is "don't code, just ask." You only need to know how to describe what you want. In these videos we build a complete website and deploy it to production without writing a single line of code manually.

What is the /agents command in Claude Code?

+

/agents is a native Claude Code command that creates persistent agents with defined specialties. You describe the agent in natural language — model, specialty, constraints — and Claude generates the full prompt automatically, including work methodology and evaluation criteria. You just review and adjust.

Do the agents coordinate themselves or do I have to mediate?

+

They coordinate themselves when you give them a joint task. In the video, the SEO agent was the first to speak without anyone prompting it: it asked about the country and psychologist's specialty because it needed that information to define the keyword strategy. The architect, designer and developer built on each other's work naturally.

How long does it take to build a website this way?

+

In the video: 60 minutes for a complete site with design, 1,860 lines of CSS, animations, a PHP contact form, SEO strategy and deploy to production on AWS Lightsail. Time depends mainly on how clear the initial prompt is and how many corrections are made during the process.

What is the difference between Claude Code and Cursor AI?

+

Claude Code is terminal-based — more control, ideal for creating and coordinating agents with /agents, orchestrating tasks and working conversationally. Cursor AI is visual — a full IDE that also uses Claude Sonnet and lets you see code changes in real time. In the video they are used in sequence: Claude Code to create the agent team and implement, Cursor for file management, server configuration and deploy via SSH/SCP.

Is the generated code production-ready?

+

In the video the site ended up running in production on AWS Lightsail with a real domain. There was real troubleshooting: an SVG saved as JPG, a CSS element covering the name. Everything was resolved conversationally. The code is functional and a solid starting point, but always requires review before actual production.

Does this work for projects other than websites?

+

Yes. The agents you create with /agents can specialize in any domain — apps, APIs, automation scripts, data analysis. The psychologist's site is just one example of the complete flow. What matters is the concept: define experts, give them context and let them coordinate.

Can I use models other than Claude Sonnet?

+

Yes. When creating an agent with /agents in Claude Code, you can choose the model. In the video Claude Sonnet is used for all agents. Cursor AI can also be configured with other models. The relevant thing is that the agent coordination pattern works regardless of which model you choose.

YouTube Channel

@NicolasNeiraGarcia

Vibe Coding · Claude Code · ADK · A2A · Automation

More vibe coding and AI agents tutorials on the channel

Subscribe ›

Also on the channel

AS

Agent Skills

Agents that execute skills and discover each other — Python, ADK, Claude Code and A2A Protocol.

ADK

Google ADK + A2A

SequentialAgent coordinates 7 agents that build a complete IDP communicating via A2A artifacts.