Skip to content
Vibe Coding · Blog

Vibe Coding 03 —
From Prompt to Skill

One-shot prompts get one-shot results. Packaged Skills plus the CK loop turn Claude into a repeatable craft tool.

April 2026 AI Engineering 8 min read
Explore the Workflow

8 Pillars of the Skill-First Workflow

Click any concept to explore the full insight

Case Study: My First Vibe-Coded App

6 steps from /ck:brainstorm — working Snake game.

Wondering how to vibe code your first application? Below is a step-by-step breakdown of the vibe coding process I used to create a basic Snake game. Pro tip: After every step, I made sure to use the /clear command. This clears the context window, effectively preventing the AI coding assistant from developing bias based on previous prompts.

01

Brainstorming App Ideas

Initiated the project by brainstorming ideas using the /ck:brainstorm command.

Screenshot of the AI terminal running the brainstorm command
Screenshot of the AI terminal running the brainstorm command
Screenshot showing the clear command execution
Screenshot showing the clear command execution
02

Creating the Implementation Plan

Renamed brainstorm.md to prd.md to align with standard project guidelines. Then generated a solid development plan using the /ck:plan command on the prd.md file.

Screenshot of the AI planning phase
Screenshot of the AI planning phase
03

Red-Teaming the Plan

Ran /ck:plan red-team to counter-argue the newly created plan. The AI coding tool rigorously tested the strategy for potential flaws and edge cases.

Screenshot of the red-team command challenging the project plan
Screenshot of the red-team command challenging the project plan
04

Validating the Strategy

Used /ck:plan validate on the plan folder to lock in the final application architecture.

Screenshot showing the validation of the modified plan
Screenshot showing the validation of the modified plan
05

AI Code Generation

With a validated plan in place, the actual coding began! Instructed the AI to implement the plan automatically using the /ck:cook --auto plan.md file command.

Screenshot of the automated AI coding implementation starting
Screenshot of the automated AI coding implementation starting
Screenshot showing the completion of the automated coding process
Screenshot showing the completion of the automated coding process
06

Final Results & Documentation

The result after vibe coding was a fully functional Snake game!

Fully functional Snake game — the final result of vibe coding.

Finally, to wrap up the project professionally, I generated the necessary implementation docs using /ck:docs init.

Screenshot of generating final documentation for the vibe coded app
Screenshot of generating final documentation for the vibe coded app

Do you find this vibe coding approach interesting?

Read the full article

The easiest way to kill a passion is to dangle rewards in front of it.

— Anh Tài, Vibe Coding 03 · Force the craft, do not chase the reward

99

Get In Touch

Complex infrastructure challenges deserve elegant solutions. Let's realize it together.

Email

gynlam328@gmail.com

Send email

Phone

+84-83314-1685

Call now

Location

Ban Co Ward - Previously known as District 3, HCMC

Connect with me

© 2025 - 2026 Lâm Trịnh Chí Tài (Gyn)

All rights reserved

Vibe Coding 03