Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

We wanted better design fundamentals from our agents. So we fed them this 162-page pdf on designing with a grid system. Now our agents use code to adhere to a grid and design beautiful layouts. Example + skill below 👇

Hyperagent

10,978 subscribers

955,954 views • 2 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

We wanted better charts from our agents So we built a skill for generating NYT-style data viz Includes guiding principles + real code snippets. Based on Hyperagent's study of actual examples + public teachings of Mike Bostock. Example + skill below 👇

We wanted better charts from our agents So we built a skill for generating NYT-style data viz Includes guiding principles + real code snippets. Based on Hyperagent's study of actual examples + public teachings of Mike Bostock. Example + skill below 👇

Hyperagent

1,009,795 views • 2 months ago

Hey... so... Claude Code is really good at design?? 👀 This was a ONE SHOT PROMPT. 🤯 We always asked Lovable to build "Design System" pages for our apps and they were always meh. We asked Claude Code to take a swing at it just based on our logo, a font, and brand colors. This is... really, really good for a one-shot prompt.

Jason Zook

102,686 views • 5 months ago

Introducing Extend UI — open-source components for document agents - 14 components & examples for PDF, DOCX, and XLSX viewers, plus bounding box citations, file upload, e-signature, and more - fully customizable - MIT licensed when we started, we tried every file viewer and document component library we could find unfortunately, none of them had all the functionality (and polish) that we wanted, so we ended up building our own for Extend it was only ever meant to be internal, but enough customers kept asking for it that we decided to give it back to the community it's useful for building agents, user-facing document flows, or internal tools we use and maintain it for Extend ourselves, so it'll keep getting better over time (and it's battle tested on millions of pages running through our system every day) it also works with design system agents like Magic Patterns for faster exploration and prototyping available today on the shadcn component registry! some examples in 🧵

Introducing Extend UI — open-source components for document agents - 14 components & examples for PDF, DOCX, and XLSX viewers, plus bounding box citations, file upload, e-signature, and more - fully customizable - MIT licensed when we started, we tried every file viewer and document component library we could find unfortunately, none of them had all the functionality (and polish) that we wanted, so we ended up building our own for Extend it was only ever meant to be internal, but enough customers kept asking for it that we decided to give it back to the community it's useful for building agents, user-facing document flows, or internal tools we use and maintain it for Extend ourselves, so it'll keep getting better over time (and it's battle tested on millions of pages running through our system every day) it also works with design system agents like Magic Patterns for faster exploration and prototyping available today on the shadcn component registry! some examples in 🧵

Kushal Byatnal

170,270 views • 2 months ago

Extract any website's design system in one line. Colors, fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓

Extract any website's design system in one line. Colors, fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓

Hyperbrowser

23,588 views • 3 months ago

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

Lance Martin

14,865 views • 4 months ago

Design and deploy agents with Gemini Enterprise's visual, drag-and-drop interface. Empower anyone on your team to build powerful AI agents without writing a single line of code. Learn how →

Design and deploy agents with Gemini Enterprise's visual, drag-and-drop interface. Empower anyone on your team to build powerful AI agents without writing a single line of code. Learn how →

Google Cloud

34,368 views • 8 months ago

the app vs. the final design. we build a lot of micro-apps for our creative workflows, and this is a glimpse into how we use them.

the app vs. the final design. we build a lot of micro-apps for our creative workflows, and this is a glimpse into how we use them.

Alex Barashkov

12,208 views • 2 months ago

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

219,245 views • 5 months ago

We tested a lot of design skills in Codex and other AI agents. They fix the old AI slop. But they often create a new one: the “taste skill look.” - Same premium sections. - Same editorial typography. - Same generated-design smell. Open Design does not rely on one taste prompt. It combines skills, systems, critique loops, and local harnesses to make AI pages feel less generated and more designed. This page was generated directly in Open Design.

We tested a lot of design skills in Codex and other AI agents. They fix the old AI slop. But they often create a new one: the “taste skill look.” - Same premium sections. - Same editorial typography. - Same generated-design smell. Open Design does not rely on one taste prompt. It combines skills, systems, critique loops, and local harnesses to make AI pages feel less generated and more designed. This page was generated directly in Open Design.

Open Design

44,061 views • 2 months ago

We asked, you answered — our State of AI Agents Report is here! 🤖✨ We surveyed 1300+ industry professionals, from developers to business leaders, on how they're using AI agents today — and the results are in. What are the top use cases for agents? The biggest challenges when building agents? And who's finding success after deploying their agents to production? Read the full report ➡️ Here's 5 key insights in the thread below 🧵👇

We asked, you answered — our State of AI Agents Report is here! 🤖✨ We surveyed 1300+ industry professionals, from developers to business leaders, on how they're using AI agents today — and the results are in. What are the top use cases for agents? The biggest challenges when building agents? And who's finding success after deploying their agents to production? Read the full report ➡️ Here's 5 key insights in the thread below 🧵👇

LangChain

103,586 views • 1 year ago

As promised! New blog with Josh Newton combining our talks from AI Engineer's first design track. In addition, we wanted to actually show a demonstration of how you can iterate and improve upon that first design output from AI. We had a ton of fun building the interactions for this post (especially the horse animator hahaha). Would love to hear your thoughts!

As promised! New blog with Josh Newton combining our talks from AI Engineer's first design track. In addition, we wanted to actually show a demonstration of how you can iterate and improve upon that first design output from AI. We had a ton of fun building the interactions for this post (especially the horse animator hahaha). Would love to hear your thoughts!

Sabina

12,300 views • 12 days ago

Supabase is hiring 52+ roles... We are always looking for talented people across Engineering, Sales, Marketing, Design, and Partnerships, so I'm sure we have a position for you no matter your background! If you like a fully remote, Culture first, apply to our careers page below

Supabase is hiring 52+ roles... We are always looking for talented people across Engineering, Sales, Marketing, Design, and Partnerships, so I'm sure we have a position for you no matter your background! If you like a fully remote, Culture first, apply to our careers page below

Sam Rome

28,473 views • 18 days ago

I made our AI hedge fund customizable. You can now select specific agents to run. Choose from: 1 • technical analyst 2 • fundamentals analyst 3 • sentiment analyst 4 • valuation analyst This is made possible by By default, all agents will run. But if you want to run a specific combo of agents, you now can. Next step is building more agents. Can't wait.

I made our AI hedge fund customizable. You can now select specific agents to run. Choose from: 1 • technical analyst 2 • fundamentals analyst 3 • sentiment analyst 4 • valuation analyst This is made possible by By default, all agents will run. But if you want to run a specific combo of agents, you now can. Next step is building more agents. Can't wait.

Virat Singh

21,090 views • 1 year ago

Introducing: Outcomes Tracker 🧭 We wanted to better understand what our government is working on. So we built a tracker to: - Understand key commitments - Track their progress over time - See how they impact outcomes Check it out below 👇

Introducing: Outcomes Tracker 🧭 We wanted to better understand what our government is working on. So we built a tracker to: - Understand key commitments - Track their progress over time - See how they impact outcomes Check it out below 👇

Build Canada

98,962 views • 1 year ago

Excited to launch a new way to upskill with AI agents. This is how we are making it possible for anyone to learn to build with coding agents. To start, we are launching 4 new hands-on labs on the following topics: - Agent Skills - Agentic Image Generation - 30 Days of Hermes Agents - Prompt Engineering with Agents I am confident that with our new DAIR.AI platform, anyone can learn to become a top AI builder by building and acquiring highly-demanded AI skills. And there is a lot more landing in the coming weeks.

Excited to launch a new way to upskill with AI agents. This is how we are making it possible for anyone to learn to build with coding agents. To start, we are launching 4 new hands-on labs on the following topics: - Agent Skills - Agentic Image Generation - 30 Days of Hermes Agents - Prompt Engineering with Agents I am confident that with our new DAIR.AI platform, anyone can learn to become a top AI builder by building and acquiring highly-demanded AI skills. And there is a lot more landing in the coming weeks.

elvis

19,058 views • 2 months ago

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

58,077 views • 3 months ago

For truly realistic conversational research, we must rethink fully autonomous agent design. DialogLab, our new open-source prototyping framework, uses a human-in-the-loop control strategy to achieve realistic human-AI group simulation, offering a necessary alternative to fully autonomous agents.

For truly realistic conversational research, we must rethink fully autonomous agent design. DialogLab, our new open-source prototyping framework, uses a human-in-the-loop control strategy to achieve realistic human-AI group simulation, offering a necessary alternative to fully autonomous agents.

Google Research

82,306 views • 6 months ago

Big news from Boltz - our biggest update yet! 🚀 Today we’re releasing two new state-of-the-art models for protein and small molecule design with extensive wet lab validation and a new API to run all of our models on scalable GPUs wherever you (or your agents) work! 🔥

Big news from Boltz - our biggest update yet! 🚀 Today we’re releasing two new state-of-the-art models for protein and small molecule design with extensive wet lab validation and a new API to run all of our models on scalable GPUs wherever you (or your agents) work! 🔥

Gabriele Corso

137,241 views • 2 months ago

We've launched a Collector Crypt skill for our agents Use AI to analyze over 79,000 listings, monitor collections, mass bid, and execute workflows using natural language This is an independent tool built for the Collector Crypt community, try it out in the link below 👇

We've launched a Collector Crypt skill for our agents Use AI to analyze over 79,000 listings, monitor collections, mass bid, and execute workflows using natural language This is an independent tool built for the Collector Crypt community, try it out in the link below 👇

Starchild

16,497 views • 1 month ago