Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

here’s CSS GUI ( by Components AI) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively

hturan's profile picture

harley turan

13,009 subscribers

17,322 görüntüleme • 3 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

3 Yorum

gongqing profil fotoğrafı
gongqing3 yıl önce

@components_ai Looks great 👍

Salim Faraji Nyendwa profil fotoğrafı
Salim Faraji Nyendwa3 yıl önce

@components_ai @SaveToNotion #tweet

End Feminism profil fotoğrafı
End Feminism3 yıl önce

@components_ai it's good but instead of clicking the reload button to see different titles just show me all of them. The entire page can only have so many reasonable combinations. NO footer, footer, side bar left/right. Show thumbnails for all iterations and let users pick.

Benzer Videolar

How to adjust starting prompt and switch to using GPT-4.
0:59

How to adjust starting prompt and switch to using GPT-4.

Mckay Wrigley

31,650 görüntüleme • 3 yıl önce

With ChatGPT Images 2.0 we can now create an image from prompt, then with GPT 5.4 Pro convert it to a CAD model using ForgeCAD. > Prompt: Make a detailed wood gong fu tea tray.
0:45

With ChatGPT Images 2.0 we can now create an image from prompt, then with GPT 5.4 Pro convert it to a CAD model using ForgeCAD. > Prompt: Make a detailed wood gong fu tea tray.

Ruben Kostandyan

745,299 görüntüleme • 1 ay önce

From image to live website using GPT-4 vision and Replit ⠕ in less than a minute. Things are about to get so interesting. 🔥
0:33

From image to live website using GPT-4 vision and Replit ⠕ in less than a minute. Things are about to get so interesting. 🔥

Pietro Schirano

1,217,198 görüntüleme • 2 yıl önce

3/ Create a dynamic video using Fliki AI tool Go to Fliki and paste the text generated by Chat GPT into the tool. This will create a video with a professional avatar presenting the product comparison. Here’s an example of a final video you can create in just 10 minutes:
0:33

3/ Create a dynamic video using Fliki AI tool Go to Fliki and paste the text generated by Chat GPT into the tool. This will create a video with a professional avatar presenting the product comparison. Here’s an example of a final video you can create in just 10 minutes:

William | IA

240,187 görüntüleme • 1 yıl önce

AI Makes It Dead Easy To Create Beautiful Landing Pages You can easily make an amazing-looking website with a simple prompt using the playground feature
1:01

AI Makes It Dead Easy To Create Beautiful Landing Pages You can easily make an amazing-looking website with a simple prompt using the playground feature

Bindu Reddy

38,069 görüntüleme • 1 yıl önce

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys
0:29

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,017 görüntüleme • 1 yıl önce

"This is how GPT-4 sees and hears itself" I used GPT-4 to describe itself. Then I used its description to generate an image, a video based on this image and a soundtrack. Tools I used: GPT-4, Midjourney, Kainber AI, Mubert, RunwayML This is the description I used that GPT-4 had of itself as a prompt to text-to-image, image-to-video, and text-to-music. I put the video and sound together in RunwayML.
0:59

"This is how GPT-4 sees and hears itself" I used GPT-4 to describe itself. Then I used its description to generate an image, a video based on this image and a soundtrack. Tools I used: GPT-4, Midjourney, Kainber AI, Mubert, RunwayML This is the description I used that GPT-4 had of itself as a prompt to text-to-image, image-to-video, and text-to-music. I put the video and sound together in RunwayML.

Kris Kashtanova

1,233,369 görüntüleme • 3 yıl önce

GPT-5.2-high by OpenAI is off to a strong start in the Code Arena. ⚡️ If you’re new here: Code Arena is where AI models build full web apps, tools, and interactive sites — all from a single prompt. Watch the video to see GPT-5.2-high in action, then try your own prompt and reply with your creation below. ⬇️
1:24

GPT-5.2-high by OpenAI is off to a strong start in the Code Arena. ⚡️ If you’re new here: Code Arena is where AI models build full web apps, tools, and interactive sites — all from a single prompt. Watch the video to see GPT-5.2-high in action, then try your own prompt and reply with your creation below. ⬇️

Arena.ai

246,068 görüntüleme • 5 ay önce

Now in your stack: Storefront Web Components 🧩 Add commerce blocks to any website: • Integrate with embeddable building blocks • Customize using CSS
1:11

Now in your stack: Storefront Web Components 🧩 Add commerce blocks to any website: • Integrate with embeddable building blocks • Customize using CSS

Shopify Developers

44,465 görüntüleme • 1 yıl önce

changed how I design with AI. I show how to build faster by adding a design system directly into the prompt, importing any website URL to get a strong starting point, then polishing everything in my own style. I also mix it with components and skills to keep the design consistent and more unique. GPT-5.5 cloning websites is honestly crazy good. The result can get very close to the original, then you can refine it and make it your own. Full breakdown in the comments.
1:09

changed how I design with AI. I show how to build faster by adding a design system directly into the prompt, importing any website URL to get a strong starting point, then polishing everything in my own style. I also mix it with components and skills to keep the design consistent and more unique. GPT-5.5 cloning websites is honestly crazy good. The result can get very close to the original, then you can refine it and make it your own. Full breakdown in the comments.

FHILY👑

57,007 görüntüleme • 16 gün önce

.Andrew Mayne on: - creating the prompt engineering discipline - his journey from the circus to OpenAI (not a joke) - hitting the wall on AI progress - prompt engineering v2 - GPT-3 > GPT-5 ? - AI saving him from a shark Episode available at links below. Enjoy!
1:08:23

.Andrew Mayne on: - creating the prompt engineering discipline - his journey from the circus to OpenAI (not a joke) - hitting the wall on AI progress - prompt engineering v2 - GPT-3 > GPT-5 ? - AI saving him from a shark Episode available at links below. Enjoy!

Logan Kilpatrick

32,491 görüntüleme • 1 yıl önce

design tool experiments: ✍️ make design components graphically 🧑‍💻 generate code, using those components as a little design system (the idea is that you'll be able to build complicated interfaces by mocking them up in several artboards and 'attaching' them to your prompt)
0:25

design tool experiments: ✍️ make design components graphically 🧑‍💻 generate code, using those components as a little design system (the idea is that you'll be able to build complicated interfaces by mocking them up in several artboards and 'attaching' them to your prompt)

nate parrott

10,550 görüntüleme • 1 yıl önce

The normies are beginning to get it - AI will change everything Start by vibe coding and build something using AI - a RAG chatbot - simple AI agent - front-end website A simple calorie tracker built with a single prompt!
0:34

The normies are beginning to get it - AI will change everything Start by vibe coding and build something using AI - a RAG chatbot - simple AI agent - front-end website A simple calorie tracker built with a single prompt!

Bindu Reddy

17,333 görüntüleme • 1 yıl önce

Prompt: Create a rocket launch animation starting with engine ignition and heavy smoke, followed by a slow liftoff that accelerates, using HTML/CSS/JS in a single HTML file.
1:19

Prompt: Create a rocket launch animation starting with engine ignition and heavy smoke, followed by a slow liftoff that accelerates, using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

212,065 görüntüleme • 5 ay önce

Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.
0:52

Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.

Pietro Schirano

214,401 görüntüleme • 2 ay önce

GPT Engineer github: Specify what you want it to build, the AI asks for clarification, and then builds it. GPT Engineer is made to be easy to adapt, extend, and make your agent learn how you want your code to look. It generates an entire codebase based on a prompt.
1:01

GPT Engineer github: Specify what you want it to build, the AI asks for clarification, and then builds it. GPT Engineer is made to be easy to adapt, extend, and make your agent learn how you want your code to look. It generates an entire codebase based on a prompt.

AK

349,125 görüntüleme • 3 yıl önce

I built a GPT-4 PaulGrahamAI to give you startup advice! No sign up required to use it! The chatbot uses the content on Paul Graham's website plus GPT-4 to provide answers with the sources. Built using
0:37

I built a GPT-4 PaulGrahamAI to give you startup advice! No sign up required to use it! The chatbot uses the content on Paul Graham's website plus GPT-4 to provide answers with the sources. Built using

Yasser

87,319 görüntüleme • 3 yıl önce

Take your creativity to new heights! Now you can create a video from just three images and an AI prompt, all using Veo 3.1 in Google Vids. →
0:35

Take your creativity to new heights! Now you can create a video from just three images and an AI prompt, all using Veo 3.1 in Google Vids. →

Google Workspace

25,949 görüntüleme • 6 ay önce

Creating art with AI is overly complicated. That's why we created Prompt Hunt: the easiest way to create art with AI! No technical terms needed - just drag and drop styles or choose a theme. Built for beginners, but efficient for prompt engineers.
0:52

Creating art with AI is overly complicated. That's why we created Prompt Hunt: the easiest way to create art with AI! No technical terms needed - just drag and drop styles or choose a theme. Built for beginners, but efficient for prompt engineers.

Prompt Hunt

41,244 görüntüleme • 3 yıl önce