@alex.an595: How to make AI's (like chatgpt or claude sonnet 4) design better websites and apps while vibecoding #ai #tech #vibecoding #vibes #promptengineering #artificialintelligence #claude #chatgpt #websites #webdesign

Alex An :

For everyone saying the transcript covers the prompts i'm sorry! feel free to copy them below First Prompt: I'm creating a [website/app] for [ purpose/target audience] and need you to brainstorm a comprehensive design system that feels unique and memorable. The project should convey [primary emotion/feeling you want users to experience] and appeal to [specific target demographic], with a visual style that's [desired aesthetic - modern/vintage/playful/professional/etc.]. I'd like you to suggest a cohesive color palette, typography choices that match the personality, specific Ul component styles, and any unique visual elements or animations that would make this stand out from typical template designs. Please also recommend how the visual hierarchy should guide users toward [primary user action/goal] and suggest 2-3 creative interaction patterns that would surprise and delight users while staying true to the overall brand personality. Second Prompt: Based on the design system concept '[paste the chosen design system name/concept here]', please create comprehensive design system documentation that includes exact color codes (hex/GB), typography specifications with font families and sizes, spacing/grid systems, component guidelines, and usage rules. Make it detailed enough that any Al could implement this system consistently when building the actual website or application, including do's and don'ts for each element. Format it as clear, structured documentation that could be handed off to a developer Al for implementation.

trustyourskillservers :

Both website are terrible tho. 😅

Pineapple · Following :

Bro I'm a pineapple

abderrahim ouzgu :

the transcript is hiding the prompt, can you write it in a comment instead ?

🍄 :

heloo cann I know which ai site you use to generate those I just wanna genrate UI from that not full website

enoltra.live :

Or do what I do- be a designer, make the website in figma and then upload screenshots to my preferred ai tool, and work on it section by section to have it look exactly like the prototype and add some really cool UX aspects that work for what/who the website is for 🔥

eosphr :

Which ai actually makes the site?

Mpatros :

I think in the near future it will slowly be asked by companies to know how to use AI cuz being able to get the full potential out of an AI is not easy. it's a tool that has so many variables it's hard to make use of it and it will be so useful.

daaffjee :

Both look like free Wordpress templates

tyusdurant :

Others have said this but the transcript is covering the prompt.

cosmicricey :

why is anyone building websites. just make your site a simple json of all the data the the only one coming to the site will need, eg AI. you'll get more business from ai users

Liv Authentic Brand :

Can you go slower when you show the prompt

flowberryfizzjonesy :

vibecoded vs intentional design

viviDream :

both of them look like they from 2017🥀

Ma'az A. :

That prompt text is hiding behind your subtitles. Can you provide maybe a google doc link with these prompts? Thats a much better idea

BoneOgg :

Is there any AI that creates the design system for you? while you just provide the font and colors. Like that creates the basic components

stefannikolovski :

A design system is "Material" by Google or "Bootstrap". You're thinking about a design brief / guidelines. It's not important at the end of the day if the AIs produce good results

Rkieru :

I’d argue what you’re showing is a style guide, not a design system. The latter has a LOT more going into it.

Alex An :

DonutStress :

Can we unanimously decide to ditch the word vibe? Man, this is the most cringe word of 2025. AI Coding. That’s it

Raj—> :

I’ve been trying to find a program that lets me lock up websites and prototype designs. Something a little lighter than lovable and drag drop you seem like you know what you’re talking about. Help😅

Gabriel Millard :

i make over 30k a month with ai using coppa + motion + files ain’t easy but i will show you how, just dm