Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Layout Mode for Agentation, a new way to explore and wireframe directly on the page. Rearrange and resize existing elements, add new components, and generate structured design feedback for your agent.

benjitaylor's profile picture

Benji Taylor

232,293 subscribers

363,124 görüntüleme • 7 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Introducing Agentation: a visual feedback tool for agents. Available now: ~npm i agentation Click elements, add notes, copy markdown. Your agent gets element paths, selectors, positions, and everything else it needs to find and fix things. Link to full docs below ↓
0:16

Introducing Agentation: a visual feedback tool for agents. Available now: ~npm i agentation Click elements, add notes, copy markdown. Your agent gets element paths, selectors, positions, and everything else it needs to find and fix things. Link to full docs below ↓

Benji Taylor

725,408 görüntüleme • 9 ay önce

At last, Wireframe Design Studio is live 🎉 For the last few months, I’ve been designing and building a new home for Wireframe Design Studio—marking a new chapter for what the studio is. Collaborating with great people and working on fun projects. It’s very much a work in progress—and will continue to be. I’ve built some really unnecessary things on the site, but it’s been so much fun along the way. ↓
0:17

At last, Wireframe Design Studio is live 🎉 For the last few months, I’ve been designing and building a new home for Wireframe Design Studio—marking a new chapter for what the studio is. Collaborating with great people and working on fun projects. It’s very much a work in progress—and will continue to be. I’ve built some really unnecessary things on the site, but it’s been so much fun along the way. ↓

James McDonald

39,476 görüntüleme • 7 ay önce

Introducing our new Visual Edits Visually edit any styles in Lovable directly on the page, for faster and more precise edits.
0:17

Introducing our new Visual Edits Visually edit any styles in Lovable directly on the page, for faster and more precise edits.

Lovable

111,844 görüntüleme • 1 yıl önce

Working on next update for Simply Trails! ☄️ Introducing new features: Stepped Simulation and a new trail mode: Duplicate! More possibilities. More fun! If you are already a user you can come help testing and give feedback on Discord.🍻
0:19

Working on next update for Simply Trails! ☄️ Introducing new features: Stepped Simulation and a new trail mode: Duplicate! More possibilities. More fun! If you are already a user you can come help testing and give feedback on Discord.🍻

Cosmo Mídias 🔶

74,558 görüntüleme • 1 yıl önce

Building with Claude? Agentation helps you iterate faster. Annotate anything and turn design feedback into precise, actionable prompts for Claude.
0:16

Building with Claude? Agentation helps you iterate faster. Annotate anything and turn design feedback into precise, actionable prompts for Claude.

Alex Vanderzon

28,339 görüntüleme • 9 ay önce

Introducing Lovable’s new toolbar. Shift between four modes to annotate, select elements, edit text, and add comments.
0:16

Introducing Lovable’s new toolbar. Shift between four modes to annotate, select elements, edit text, and add comments.

Lovable

64,938 görüntüleme • 4 ay önce

Opus 5.5 is f*cking insane at UI design 20 tools to build your own UI design studio with Opus 5.5 landing pages. dashboards. app screens. full design systems. collect the references, set the tokens, build the components, check every state, ship. 01 shadcn/ui ▸ copy components into your repo and own the code 02 Frontend Design skill ▸ push your agent past templated default layouts 03 Tailwind CSS ▸ style everything with utility classes the agent can read 04 Radix Primitives ▸ get accessible dialogs, menus and popovers out of the box 05 Motion ▸ add hover, press and layout micro-interactions 06 Magic UI ▸ drop in animated landing page components 07 Lucide ▸ keep every icon in one consistent style 08 Figma MCP ▸ hand your agent the real frame, variables and components 09 Mobbin ▸ study real app screens before you design (free tier) 10 Laws of UX ▸ ground layout decisions in proven principles 11 Google Fonts ▸ choose typefaces for headlines and readable body text 12 Fontshare ▸ get free display fonts that don't look like everyone else's 13 Realtime Colors ▸ preview your palette on a real page before committing 14 WebAIM Contrast Checker ▸ make sure your text actually passes contrast 15 Storybook ▸ build and review every component state in isolation 16 Playwright ▸ let the agent screenshot its own UI and fix what it sees 17 Chrome DevTools MCP ▸ let the agent inspect the live page, console and performance 18 Unsplash ▸ find free photos for heroes and mockups 19 Squoosh ▸ compress images before they slow the page down 20 Vercel ▸ ship a preview link for every change the loop: write the brief → collect references → set the tokens → build the components → design every state → screenshot and fix → ship start with one screen. make every element earn its place. save this, then read the full guide for Opus 5.5 UI Engineering ↓
0:20

Opus 5.5 is f*cking insane at UI design 20 tools to build your own UI design studio with Opus 5.5 landing pages. dashboards. app screens. full design systems. collect the references, set the tokens, build the components, check every state, ship. 01 shadcn/ui ▸ copy components into your repo and own the code 02 Frontend Design skill ▸ push your agent past templated default layouts 03 Tailwind CSS ▸ style everything with utility classes the agent can read 04 Radix Primitives ▸ get accessible dialogs, menus and popovers out of the box 05 Motion ▸ add hover, press and layout micro-interactions 06 Magic UI ▸ drop in animated landing page components 07 Lucide ▸ keep every icon in one consistent style 08 Figma MCP ▸ hand your agent the real frame, variables and components 09 Mobbin ▸ study real app screens before you design (free tier) 10 Laws of UX ▸ ground layout decisions in proven principles 11 Google Fonts ▸ choose typefaces for headlines and readable body text 12 Fontshare ▸ get free display fonts that don't look like everyone else's 13 Realtime Colors ▸ preview your palette on a real page before committing 14 WebAIM Contrast Checker ▸ make sure your text actually passes contrast 15 Storybook ▸ build and review every component state in isolation 16 Playwright ▸ let the agent screenshot its own UI and fix what it sees 17 Chrome DevTools MCP ▸ let the agent inspect the live page, console and performance 18 Unsplash ▸ find free photos for heroes and mockups 19 Squoosh ▸ compress images before they slow the page down 20 Vercel ▸ ship a preview link for every change the loop: write the brief → collect references → set the tokens → build the components → design every state → screenshot and fix → ship start with one screen. make every element earn its place. save this, then read the full guide for Opus 5.5 UI Engineering ↓

Asteri

11,443 görüntüleme • 25 gün önce

Introducing Pages on Superset is now Paradev mobile Your agents can now deliver interactive demos, mockups, and reports as Pages you can review from your phone. Ask an agent to build a feature, compare designs, or investigate a problem. It can put the result in a Page with the context you need to review it and give feedback. A few ways to use it: • Feature work: try an interactive demo, then inspect the code in the PR. • Design reviews: compare mockups and before-and-after screenshots. • Investigations: explore findings, charts, and recommendations in one place. To try it, ask your agent to build a feature and create a Page for you to review.
0:17

Introducing Pages on Superset is now Paradev mobile Your agents can now deliver interactive demos, mockups, and reports as Pages you can review from your phone. Ask an agent to build a feature, compare designs, or investigate a problem. It can put the result in a Page with the context you need to review it and give feedback. A few ways to use it: • Feature work: try an interactive demo, then inspect the code in the PR. • Design reviews: compare mockups and before-and-after screenshots. • Investigations: explore findings, charts, and recommendations in one place. To try it, ask your agent to build a feature and create a Page for you to review.

Kiet

86,170 görüntüleme • 1 ay önce

Introducing side chats, a new way to ask questions and explore ideas without interrupting your main conversation. Each side chat is a durable agent conversation you can @-mention to bring context back into the main thread.
0:17

Sensitive content

Introducing side chats, a new way to ask questions and explore ideas without interrupting your main conversation. Each side chat is a durable agent conversation you can @-mention to bring context back into the main thread.

Cursor

436,937 görüntüleme • 4 ay önce

Introducing a top-to-bottom update for your tabs…literally. Vertical tabs are coming to Chrome! 🚦 And there is more: A full-page view free from distraction with a new immersive reading mode.
0:20

Introducing a top-to-bottom update for your tabs…literally. Vertical tabs are coming to Chrome! 🚦 And there is more: A full-page view free from distraction with a new immersive reading mode.

Chrome

602,037 görüntüleme • 7 ay önce

That's a wrap for gamescom. 🎬 Based on your feedback, please look forward to improvements to the combat, controls and more at Tokyo Game Show and beyond, including new information about adventure elements. Thank you for playing and supporting STRANGER THAN HEAVEN, coming January 15, 2027.
0:15

That's a wrap for gamescom. 🎬 Based on your feedback, please look forward to improvements to the combat, controls and more at Tokyo Game Show and beyond, including new information about adventure elements. Thank you for playing and supporting STRANGER THAN HEAVEN, coming January 15, 2027.

STRANGER THAN HEAVEN

32,379 görüntüleme • 2 ay önce

describing an aesthetic in a prompt can be tough, so we made a button for it introducing Design Variations instantly generate, explore, and apply beautiful new UI layouts with a single click try it today in AI Studio
0:16

describing an aesthetic in a prompt can be tough, so we made a button for it introducing Design Variations instantly generate, explore, and apply beautiful new UI layouts with a single click try it today in AI Studio

Google AI Studio

238,523 görüntüleme • 4 ay önce

Introducing a new way to grow your audience and get more from your writing. Automatically crosspost from Medium, Substack, Ghost, and more to Paragraph — reach new readers, spark deeper discussion, and unlock new ways for people to support your work.
0:10

Introducing a new way to grow your audience and get more from your writing. Automatically crosspost from Medium, Substack, Ghost, and more to Paragraph — reach new readers, spark deeper discussion, and unlock new ways for people to support your work.

Paragraph

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

BREAKING 🚨: Anthropic is working on the Agent Mode for Claude! "Button in a toggle that changes between classic chat experience and a more complex agent mode experience" And a new pixel style avatars 👀
0:14

BREAKING 🚨: Anthropic is working on the Agent Mode for Claude! "Button in a toggle that changes between classic chat experience and a more complex agent mode experience" And a new pixel style avatars 👀

🚨 AI News | TestingCatalog

125,431 görüntüleme • 11 ay önce

I cloned the SpaceX site with Grok Build and Firecrawl. The new design cloner workflow in the Firecrawl CLI packaged the full page and 250+ artifacts into a design,md for the agent to build from. Great starting point for designing off any site you like.
0:19

I cloned the SpaceX site with Grok Build and Firecrawl. The new design cloner workflow in the Firecrawl CLI packaged the full page and 250+ artifacts into a design,md for the agent to build from. Great starting point for designing off any site you like.

Eric Ciarla (hiring)

23,838 görüntüleme • 5 ay önce

Explore your Hugging Face repos in a whole new way 🔥 Visualize storage, discover outliers, and navigate your repos directly from the terminal. `hf repos ls --explore`
0:12

Explore your Hugging Face repos in a whole new way 🔥 Visualize storage, discover outliers, and navigate your repos directly from the terminal. `hf repos ls --explore`

Julien Chaumond

27,706 görüntüleme • 5 ay önce

Discover a selection of creative IPs from around the world on the AsiaIPEX CreativeHub. From character and design to publishing industries, explore new possibilities for licensing and collaboration. Explore the AsiaIPEX Creative Hub Today.
0:12

Discover a selection of creative IPs from around the world on the AsiaIPEX CreativeHub. From character and design to publishing industries, explore new possibilities for licensing and collaboration. Explore the AsiaIPEX Creative Hub Today.

HKTDC

1,379,385 görüntüleme • 10 ay önce

Introducing Datadog MCP Server — observability, made agent-ready. Give AI agents structured, secure, permission-aware access to live logs, metrics, and traces directly inside AI coding agents or IDEs. Explore more:
0:17

Introducing Datadog MCP Server — observability, made agent-ready. Give AI agents structured, secure, permission-aware access to live logs, metrics, and traces directly inside AI coding agents or IDEs. Explore more:

Datadog, Inc.

69,603 görüntüleme • 8 ay önce

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵
0:19

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵

Storybook

169,833 görüntüleme • 7 ay önce