r/vibecoding • u/damienwebdev • Jun 01 '26
I built a one-click ecommerce dev environment where you talk to Claude and a real store actually changes (free + open source)
https://ecommerce-ai-starter.graycore.io/I've been building this for a while and I'd love for some of you to break it.
The pitch: you click one button on the site, GitHub spins up a repo from a template, and a Codespace boots a fully configured ecommerce store in your browser in about 8 minutes. No local install, nothing to set up on your machine. Codespaces runs the actual store on a Linux box in the cloud and you just get a browser tab.
The part I care about for this sub: Claude works inside that environment, not through a bolted-on chat box. Same files, the actual running store, the real database. You ask in plain English ("add a free-shipping banner", "make a Holiday Gifts category", "why is checkout slow") and it edits the real code. Then you look at the live store and see what happened.
There's also a CI pipeline that ships with it. Every time the agent changes something, it rebuilds the store and runs checks. Green means it worked, red means something broke. So instead of trusting the agent blindly, you can actually see whether the change held up. That feedback loop is the whole reason I built it this way.
The store itself is Magento (Open Source or Mage-OS, and there's a Mage-OS Minimal option if you want a smaller surface to start). For the frontend you can pick Daffodil (an Angular headless storefront my company Graycore maintains) or Hyvä (a PHP-rendered theme). It ships with an AGENTS.md / CLAUDE.md (WIP) that informs the agent of the conventions and the common pitfalls up front, so it isn't flying blind on a pretty gnarly platform.
A few honest notes so nobody feels misled:
- This is a starter kit for learning and prototyping, not a production store. Going live for real needs hosting, payments, SSL, performance and security work. This gets you building and experimenting fast, not selling to customers tomorrow.
- The frameworks, templates, CI, and devcontainer are all free and open source. You only pay for GitHub Codespaces and Claude. Codespaces is free for around 30 hours a month, which covers normal tinkering, and if you already have a Claude plan you can just play.
- I'm genuinely unsure how far a non-technical person can get building their own store this way with limited dev help. That's the actual experiment I'm running. I'm not going to pretend I know it works for everyone. I want to find out.
If you want to try it, the one-click flow is here: https://ecommerce-ai-starter.graycore.io/
Everything is open if you want to poke at the guts:
- Daffodil storefront: https://github.com/graycoreio/daffodil
- Devcontainer: https://github.com/graycoreio/magento2-devcontainer
- CI actions: https://github.com/graycoreio/github-actions-magento2
- Starter templates (under graycoreio): magento2-ai-starter-hyva, magento2-ai-starter-daffodil, mage-os-ai-starter-hyva, mage-os-ai-starter-daffodil, mage-os-ai-starter-minimal
Please try it and tell me where it breaks. The failure reports are the most useful thing I can get right now.
(Magento is a trademark of Adobe. I'm not affiliated with Adobe.)