As a bit of vibe coding practice, I asked Claude Code to create a VS Code extension that saves a few clicks here and there when developing Kirby-based websites.
The result (contrary to the grandiose description in the README.md file 
) is a small tool for a few very specific use cases. But in my tests, it worked exactly as expected. So maybe some of you will find it useful. Personally, I really like the extra convenience it offers when working with Kirby files in VS Code.
The âKirby CMS Developer Toolkitâ extension for VS Code currently offers a few simple little helpers:
- Page type scaffolding
- Extract to snippet
- Basic Tailwind CSS integration
- Blueprint field navigation
- Extended file navigation
- Automatic type-hint injection
- Blueprint schema validation
- Snippet navigation
More details are available in the Visual Studio Marketplace:
The list of potential additional features includes, for example, blueprint/template synchronization and perhaps some form of Kirby panel integration.
By the way, I didnât write a single line of requirements, code, tests, or documentation. Claude Code (supported by OpenSpec) did all the heavy lifting.
I started on Friday evening while watching TV. On Saturday, I continued working on it while studying for my distance learning course. Less than 24 hours after the initial idea, I published the first version while putting my daughter to sleep.
All of this without âŚ
- knowing how to write TypeScript.
- having the experience to come up with not one, not two, but 179 test cases that run automatically before every commit.
- knowing the structure, boilerplate, etc., required to create a VS Code extension.
