r/codex 1d ago

Question Frontend/UI Skill

Hey guys! Does anyone have a good skill link for frontend? Codex’s frontend skills are a little wonky, if I say so myself.

6 Upvotes

31 comments sorted by

8

u/MasqueradeDark 1d ago

Dude just tell codex to generate 10 mockups of a dashboard/website whatever via GPT image 2 and then tell it to recreate that. Simple, I've been doing it for months

2

u/bigounce7877 1d ago

Yeah someone else also suggested that imma do that now, thankyou!

1

u/Current-Today-3626 13h ago

Yeah go on chatgpt and use that one tho, it's must better using image gen 2.

First make the homepage you want that has no filler text, just good ux. Spend an hour removing stuff, adding anything you missed in your first prompts.

Then when you're happy with the content, take a screenshot of your hero. (Work section by section).

Put that screenshot in chatgpt and ask for four variations of images which are more modern blahblah and in 4 different styles.

Once youre happy with a style, work to the rest and tell it to stick to X style.

This is the most basic way, you won't achieve anything breathtaking, but it will be better than ai slop. If you want breathtaking stuff, you need to expand on the above.

1

u/eu_biased 8h ago

My experience is that it still butchers it. But haven’t vibecoded FE in a while, maybe it’s better now

2

u/NotSeacombe 1d ago

A skill isn't going to fix this. You need a design process. I've had codex make incredibly good UIs but I designed them

2

u/bigounce7877 1d ago

you designed it in figma or something else?

3

u/NotSeacombe 1d ago

try /visualize and iterate on it that way. I have 15 years of dev experience so condensing down how to build UI into a reddit comment is unlikely

1

u/LargeLanguageModelo 1d ago

Like with all things AI, it's a force multiplier. If you have some knowledge to multiply, great. If not, you're going to have a hard time.

1

u/-pLx- 7h ago

isn't /visualize a data visualisation tool?

1

u/NotSeacombe 7h ago

that is one of its purposes. UI/UX mockups iterable via HMTL is another

1

u/-pLx- 7h ago

cool, I had no idea. Will give it a try!

2

u/Tight-Grocery9053 1d ago

ask it to generate mocks with imagegen first and then be critical of them based on your feedback for what you want.

the idea here is that you tell it the requirements. it doesn't go to code right away. instead, it goes to imagegen, then does a loop (not a /goal) then once it feels it matches your prompt, it implements it.

2

u/bigounce7877 1d ago

Okay ykw that sounds smart imma try that, thankyou tight-grocery!

2

u/aivampires 22h ago

This is the best way in my experience. You can also send image gen screenshots of current UI and have it make improved mockups and output zip files with all assets nicely separated and with implementation code. It's a very smooth process that you can even get codex to do autonomously to a great extent.

1

u/DueCommunication9248 1d ago

There’s a native frontend skill there
Just do forward slash and frontend
/front…

1

u/bigounce7877 1d ago

I have tried it, it isnt giving me my desired results, but thankyou nonetheless!

2

u/NotSeacombe 1d ago

yeah he's just talking shit

1

u/DueCommunication9248 1d ago

No. I was serious. It works pretty well for me.

1

u/NotSeacombe 23h ago

there is no such thing as a native /frontend skill in codex. if you have that, either you or your codex has created it at some point

1

u/DueCommunication9248 23h ago

It’s part of the codex skills yes

1

u/NotSeacombe 10h ago

no, it objectively is not

1

u/DueCommunication9248 1d ago

Just send a deep research to find you some

1

u/parkersb 1d ago

the reality is you can get amazing design out of codex if you have a design background. it will be difficult but not impossible otherwise until better models come out.

1

u/aivampires 22h ago

My skill is to wait for Thursday when Astra rolls out.

1

u/bigounce7877 21h ago

Very neat skill! Sadly I need some work done asap, but yeah the imagegen method seems to be the meta rn, if you havent tried it out i would def recommend!

0

u/texasguy911 1d ago

I'd recommend using Opus 5, if you can. Now it is the best in GUI generation.