Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 👇

hyperagentapp's profile picture

Hyperagent

10,568 subscribers

955,530 görüntüleme • 1 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 👇
0:15

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 görüntüleme • 2 ay önce

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.
0:14

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 görüntüleme • 5 ay önce

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 🧵
0:12

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

168,683 görüntüleme • 1 ay önce

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 ↓
0:16

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 görüntüleme • 2 ay önce

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 →
0:14

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 görüntüleme • 7 ay önce

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
0:11

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 görüntüleme • 3 ay önce

📐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)
0:15

📐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 görüntüleme • 4 ay önce

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.
0:19

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 görüntüleme • 2 ay önce

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.
0:15

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 görüntüleme • 2 ay önce

🛠 Agent Forge Page Is Now Live on Our Website! We would like to inform our community that the Agent Forge page is now live on Discover how to build, automate, and deploy AI agents, all in one place.
0:12

🛠 Agent Forge Page Is Now Live on Our Website! We would like to inform our community that the Agent Forge page is now live on Discover how to build, automate, and deploy AI agents, all in one place.

AITECH

64,797 görüntüleme • 1 yıl önce

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 🧵👇
0:14

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 görüntüleme • 1 yıl önce

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
0:14

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,072 görüntüleme • 6 gün önce

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.
0:10

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 görüntüleme • 1 yıl önce

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 👇
0:10

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 görüntüleme • 1 yıl önce

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.
0:14

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 görüntüleme • 1 ay önce

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)
0:17

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

57,378 görüntüleme • 2 ay önce

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! 🔥
0:11

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

136,863 görüntüleme • 1 ay önce

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.
0:11

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 görüntüleme • 5 ay önce

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 👇
0:20

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 görüntüleme • 19 gün önce

At Uber, design source of truth was a big problem for design and engineering teams. No one knew what the app truly looked like. So every week, a group of designers would sit in a meeting room and check that engineers had correctly implemented the Figma designs. Now coding agents have increased the throughput of changes by an order of magnitude. Keeping up manually has become impossible. Here we used the Revyl to map every state in Ubert (demo uber), navigating our mobile use agent on a cloud iOS simulator. This would have taken a team of designers tens of hours to recreate by hand. We did it in under an hour, asynchronously, with a simple prompt. Let your team see what your users actually see. Empower coding agents to ship a delightful experience with no blindspots. Get started with our free trial and create a map for your own app.
0:11

At Uber, design source of truth was a big problem for design and engineering teams. No one knew what the app truly looked like. So every week, a group of designers would sit in a meeting room and check that engineers had correctly implemented the Figma designs. Now coding agents have increased the throughput of changes by an order of magnitude. Keeping up manually has become impossible. Here we used the Revyl to map every state in Ubert (demo uber), navigating our mobile use agent on a cloud iOS simulator. This would have taken a team of designers tens of hours to recreate by hand. We did it in under an hour, asynchronously, with a simple prompt. Let your team see what your users actually see. Empower coding agents to ship a delightful experience with no blindspots. Get started with our free trial and create a map for your own app.

Anam Hira

202,996 görüntüleme • 1 ay önce