Загрузка видео...

Не удалось загрузить видео

На главную

I made a guide for prompting impressive UI code After creating 120 components in a week while working on Aura, listed all the techniques I used: frameworks, styles, framing, html-to-code, image-to-code, etc. AI is getting so good at creating user interfaces.

117,101 просмотров • 1 год назад •via X (Twitter)

Комментарии: 11

Фото профиля Meng To
Meng To1 год назад

Here's the url: This is going to evolve. I think, for the first time, esp with Claude 3.7, I'm confident that AI can generate amazing user interfaces. The industry is going to change so much as a result. Because of this, I had to build a huge browse section with a ton of navigation. We're at 200 components, but we'll grow to 1000 within the next couple of weeks.

Фото профиля Coral AI News
Coral AI News2 лет назад

Coral AI is the most powerful AI for documents. See the difference yourself:

Фото профиля Mohammad Bagher 🦋
Mohammad Bagher 🦋1 год назад

amazing stuff! just wanted to share this

Фото профиля Meng To
Meng To1 год назад

It's the content loading, not sure why it does that. Can you try reloading?

Фото профиля Eli Schiff
Eli Schiff1 год назад

Would be cool if there were an embedded prompt-building workflow

Фото профиля Meng To
Meng To1 год назад

Working on something visual for that!

Фото профиля akhil
akhil1 год назад

i'm working on a project that requires generating code outputs with a nice UI are you going to open this up to access via API at any point?

Фото профиля Meng To
Meng To1 год назад

do you mean the ui component code via api?

Фото профиля Dylan White
Dylan White1 год назад

120 components in a week? That’s some serious wizardry!

Фото профиля Meng To
Meng To1 год назад

As with AI, there's a lot of reimagining, adapting, including html files/figma urls, hence the high count.

Фото профиля Matthew Payne
Matthew Payne1 год назад

Ayyy this is incredible!

Похожие видео

Introducing /visual-plan - a skill to generate rich, visual plans for Claude Code and Codex. Plan mode in Claude Code is incredible. But I always find my eyes glazing over when it gives me this huge markdown essay in my terminal. I found I can make much better visual plans with reusable components. So I made a skill called `/visual-plan`. It generates plans as MDX with visual, interactive components. Diagrams, interactive API specs, schema design changes, annotated code, and even pan and zoomable wireframes. So for any UI work, you can look at a wireframe first, comment on it, iterate, and then have the agent work. I’ve found this to be a much more intuitive interface for reasoning about what the agent is doing. It’s somewhat inspired by that popular post about how HTML is better than Markdown. But HTML can be slow and verbose to write. And it doesn’t look good checked into a repo. This has really made me feel like humans and engineering are entering a new abstraction phase, where we reason about things at the plan level. As long as the plan is good, agents are getting more and more reliable at executing on it. Almost to the degree that we trust the C compiler to compile to assembly reliably. Plans are the new intermediate representation. I also made a skill for the reverse of this, called `/visual-recap`. After the agent works, it gives you a recap of everything it did. Same idea: wireframes, interactive API specs and diffs, schemas, annotated code, etc. So now when you’re reviewing what the agent did for you, or looking at a pull request of somebody else’s code, you can see a visual recap instead of just reading a wall of text. It’s all free and open source. You can find it on my GitHub. Will link to it in the reply because we all know how dumb these algorithms are with links.

Steve (Builder.io)

123,956 просмотров • 1 месяц назад