JoePro

I want to thank everyone for taking the time to look at this. It really has helped me. Initially I was just trying to make it easy to comment the skill on someone's post. I really didn't think it would have this impact. The skill is a hybrid adaptation of the main Claude front end design skill. I did add many details to this but want to add this note: Quick note on provenance ~ this was built as a personalized frontend-design skill after experimenting with public AI coding/design-agent patterns from earlier this year. I'm working to identify the specific sources that influenced it so I can attribute properly. The version here reflects my own edits and additions, but I don't want to overclaim complete originality. I will attribute here in the comments as well as provide high quality examples.

So, this is prior to these models being out I wouldn't necessarily force them to use it. Possibly have them improve it. Some of the hard rules are really important to avoid a cyberpunk driven theme. From what I see the newer models have this better handled. Previous models would revert to a scifi look apparently due to training. Most love purple gradients for some reason.

@JoePro Great post, thanks for not making us have to comment/link/like/subscribe/DM to get the actually skill! BIG! how do you think this would compare to fable/sol design? my apprehension for using these sorts of skills personally is that i feel like it would hinder or limit them

I will put a better example in the article but this gives an idea. I built a website thewringer.ai. When building I pasted that skill in directly an said add an image to it also. Out came the current sites UI and it's kind of nice. I know you asked for before after so Im trying to find one older because I definitely have a few.

@JoePro if i didn't care i wouldn't have invested this much time, but yeah genuinely keen to see before and after's - if it's legit I would support it

@JoePro screenshots wen

@theonejvo Yea for sure. It will give some idea what people are looking at. Thanks will add. For the record I do have other articles that show more how I do things including visuals.

@JoePro any samples of before and after? I think it would help your article a lot

@ShrikeCGD That adds up thanks. I just run with it but it is quite long.

@JoePro Way too many text variations, cut by 40 percent, otherwise looks decent

@theonejvo Did you try the skill? It works. The point was to get to the point. I actually created the article to post on a comment. Comments couldn't take the full text. I hadn't thought it would go this far.

Damn, what's happened to articles. They are filled with this bait and switch type slop. Dude baits everyone saying he solved front-end ui slop only to proceed to post a complete text slop article with no visual examples of actual front-end design.

@taymour @suno Appreciate you saying that. I thought it was one that stood out.

@JoePro @suno damn this song is fire wth

You ask for bangers this AM? You will not find a better song about AI. New AI video generated workflow. Next one will be exponentially better. @suno

@_markfenner Always with the cool mug

Getting a late start today 😭 But it’s all good, it’s going to be a great Tuesday

@CaptWrecked Heck yea man! I like to get to the point. I use it in many cases just to tell it to make it look better. Use /frontend design to make this picture non AI Trope. Glad it looks good you can have codex tweak it too your liking. Cheers.

@JoePro I appreciate the fact I didn't have to comment some word, like and follow and not get this skill. It's actually quite impressive, I'm testing in codex and it's honestly pretty damn amazing. Cheers!!

@webisticsdawg Thanks. Not all mine there is a claude skill this is a hybrid of that.

@JoePro amazing prompt dude

@LukaTheFounder I use this skill everytime. Tweak it and say no AI trope works well. Cheers. x.com/JoePro/status/…

I still have not figured out how to unslopify my landing pages. Whatever claude code makes i end up not liking. The design aspect i would say is the hardest part so far of my app building experience. What is your hardest part of the building process?

@explorersofai Attitude like that you will be out of a job first. 🤣 AI isn't even that good at everything.

Listen, it's not that LLMs aren't good. I use them everyday. But telling users how useless they are and how they are about to be without a job is just outrageous. What are you trying to achieve here?

Suno prompt: INTRO Blue screen glow, city breathing in code, Server fans hum like a storm on the road. I heard the keynote crack the night wide open, Now every dead dream got a chance to be spoken. VERSE 1 I/O lit the sky with a Gemini flame, Agents in the browser started learning our names. Search got eyes, creation got wings, The prompt box turned into a room full of strings. Build came through with the enterprise spine, Trust in the stack, guardrails in line. Not just “move fast,” not just “go wild,” Teach the machine how to work with the child. GTC thunder, racks like a choir, AI factories glowing with industrial fire. Physical minds in mechanical frames, Robots walk out of simulated rain. PRE-HOOK And the room goes black, Then the violin screams. One human hand Pulling light through machines. HOOK We don’t run from the future, We light it and steer. Hands on the console, Eyes crystal clear. Fire in the world model, Bass in the wire. Human heart beating Through a silicon choir. World model, wake up, Show us the road. But we choose the meaning, We carry the load. VERSE 2 Moscone calling for the builders at dawn, Badges on chests like a map being drawn. DevDay coming with the tools in the air, Every small team trying to breathe rare air. Some chase headlines, some chase scale, Some build quietly where the old systems fail. One makes films from a frozen frame, One helps doctors catch a hidden flame. One writes code for a teacher’s night, One reads fields under satellite light. One gives voice to a kid off-grid, Asking big things like the whole world did. BEAT SWITCH Drop the floor, bring the drums back violent, Neon rain, whole mainframe silent. Run that eval, run that test, Power without purpose is a ghost in a vest. Model gates, cyber review, Who gets access, who gets through? Every frontier has a locked glass door, Every new tool asks, “Who is this for?” No blind worship, no panic hymn, Put the truth in the loop before the lights go dim. If the system can act, then the system must show Where it came from, why it moved, what it knows. HOOK We don’t run from the future, We light it and steer. Hands on the console, Eyes crystal clear. Fire in the world model, Bass in the wire. Human heart beating Through a silicon choir. World model, wake up, Show us the road. But we choose the meaning, We carry the load. BRIDGE Electric violin over server smoke, One bright note where the old world broke. Paris glass, Vegas cloud, San Francisco talking loud. Amsterdam asks who owns the flame, Every lab gives it a different name. The machine stays quiet when the question is soul, Because that part was never code. FINAL VERSE I want tools with fingerprints, Systems with grace, Credits in datasets, Consent in place. I want artists paid when the frames come alive, Workers protected when the agents arrive. I want safety louder than the launch-day cheer, I want governance built before the risk gets near. Not a god, not a monster, not a throne in the sky, Just a mirror with engines and a thousand eyes. So build it with courage, build it with care, Build for the people who were never in the chair. FINAL HOOK We don’t run from the future, We light it and steer. Hands on the console, Eyes crystal clear. Fire in the world model, Bass in the wire. Human heart beating Through a silicon choir. World model, wake up, No crown, no cage. We write the question, Then we turn the page. OUTRO The fan slows down. The room exhales. Someone types: “Help me build something that matters.” And the future answers softly: “Begin.” Style: cinematic trap, orchestral hip-hop, 76 BPM, spoken intro, chant hook, heavy 808 sub-bass, rapid 1/16 hi-hats, snare+clap stack, electric violin lead, choir pads, glitch synth stabs, server-room ambience, plate reverb, tape saturation, dramatic beat switches, final drop, reflective bridge, cathedral-width mix, anxious resolve Exclude: copying any existing artist/song, recognizable hooks, copied cadence, samples, interpolations, direct lyrical references, petty diss-track tone, generic startup hype, corporate SaaS commercial, boring AI jargon, academic lecture, soft ballad, weak bass, flat loop, disconnected violin, fearmongering apocalypse clichés, hate speech, slurs, real threats, doxxing, defamation, illegal cyber instructions.

@darekgusto Yea you'd think Grok could automate a release. My biggest complaint is bot control. If you take one really large account and clear the bots in that it will significantly reduce the bots out there. Use I don't know.... Elon Musk.

@JoePro Yeah I'm sure there's a lot happening in the background that's not exposed here. Back in January, Elon promised an update to this repo every month and notice how we only got one update in May. 😅

10:20am. I've been trying to write a good morning post for the last 6 hours, because yes, I woke up before 4am. The plan was to send at least 3 posts by now to start warming up the algo again. Not that I noticed any big drop in reach after 10 days of lower activity, but people say there should be a difference, so who knows? Maybe I never had reach high enough to notice the lack of it. 😅 We'll see how this post works out. Happy Monday!

@Mayz1169 Seriously talented. Will keep this in mind!

Found a new workflow for anime creation Seedream 5.0 Pro creates the manga, then Seedance 2.0 turns it into animation The result is smoother than I expected, and this maid is so adorable :D Workflow ⬇️

@tonysimons_ Wouldn't throw a link on your post if it wasn't good. It's my favorite build. Great posts as always dude.

@JoePro Ohhh?! This looked muy interessante!! 👀

Currently trying to see if I can one-shot my entire Codex weekly limit with one goal prompt. Ask me anything.