A simple but really useful browser extension for frontend devs

This is a submission for the GitHub Copilot CLI Challenge

Co Designer — a Chrome extension that turns your browser into a visual CSS editor and generates ready-to-paste GitHub Copilot CLI prompts from your changes.

Select any element → tweak fonts, colors, layout, shadows visually → hit "Generate" → get a text prompt → paste in Github copilot cli → done.

🔗 Github Repo: [https://github.com/Deadlybutsoft/co-designer]

Download: the zip from [https://github.com/Deadlybutsoft/co-designer]
Unzip: the file.
Open Extensions: Type chrome://extensions/ in Chrome address bar.
Developer Mode: Toggle the switch in the top-right corner to ON.
Load: Click the Load unpacked button in the top-left using the unzipped folder.
Select: Choose the unzipped folder.
Done: The extension is now installed!

I used GitHub Copilot from start to finish on this project! It was an amazing experience with Copilot 🥰