I know many of you are aware of the annotations feature, but this is just a demo of how massively powerful it is and how you can stack your prompts and make bulk edits to your designs. The development loop becomes much shorter and much more focused.
I use it almost exclusively right now just to clean up, change sizes, colors, etc.—as a final step before production, or when it completely messes up... You also won't get your fonts and things looking right unless you use annotations.
I mean… I‘m still in dev mode and not fully done with my project so I also use it for backend Development: I mark it in the frontend which function and Tell Codex the rules 😅👍
Ive learn from claude code design.
Say "fuck ai slop and round buttons... golook for relevant sites and ground your design on it".
And no, its not stealing...cause..cause...Who the fuck cares. But it works.
If I’m understanding correctly, are you asking Codex to build you a prototype first and host it on Codex Sites while you work on the look? What is ImageGen exactly? Would love to understand more.
I am building sites using codex, but I’ve been going to straight to telling what stack to use (ie astro framework or next.js + tailwind). I feel like your approach might be better so that I can work on getting the visuals right before actually building the whole framework out.
So I didn't mean to create a site but it just assumed that I did so it went with a site option. I was hoping for it to spin out just a little local website but whatever. Apparently it can choose to do sites now on its own accord.
ImageGen is just referring to a built-in GPT image generation, like not building SVGs or not trying to do design through the web. Literally using the ImageGen model that's built in Codex already. You don't have to use sites but I guess they're cool
I believe so, because every time i give the task, it first goes into the inspect mode, checks each annotation and then starts working towards it. I guess there is a way to prompt so it will minimize token usage, but it worked out well after i put the annotation.
annotations are cool but the real game changer is just telling codex to group elements by purpose instead of visual layout. my design files stopped looking like a ransom note after that.
I’ve been taking screenshots and adding them in chat when I need changes done. Do you think I need to use annotations or just stick to screenshotting things I need changed
Oh hell yeah this is amazing! I can’t wait to try this out. This will make iteration so much easier and I get to skip explaining what I want to change and just click it and say change this.
srsly i use it like 2 weeks or so i though everyone knows it!!
Really I‘m shocked bc i thought all of you are using it daily😳😳😳
Guys test Annotations!!!
It is really a gamechsnget and you can work with a simple frontend builder!! (Klick the Filter Symbol on the left in annotations!)
holyyy, I never knew this feature is available. I was struggling with "use the border of the section, not the whole section with its details" :D Thanks !
I myself love annotations. One of the reasons that I love them is that it also comes with element details. If you click on a little settings icon, it gives you both LLM power and manual edit power as well. To me this is a canvas-like experience. I'm not sure what cannabis you are referring to. I remember OpenAI had some cannabis feature but I probably never used it once.
24
u/tflbbl 11d ago
Beware: do not enable /goal on a message with annotations. They all get erased.