正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

interactive ux specs? say no more your agent will soon make anti-slop mockups w/ controls for easy review & choices the models are pretty good at converting wireframes to production UI, so a good code factory can take it from here coolest shit you'll see all day

David Boskovic

3,050 subscribers

26,027 次观看 • 2 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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.

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)

124,701 次观看 • 1 个月前

Open Beta testing will commence soon, we have a small group of testers for now so just wait and I’ll reach out , but the people’s trading terminal is nearly done. The launcher is also done, you can see it on the left. We are going to make some upgrades to the Ui, and UX and remove some of those messages you see in the video, those are mostly for testing. And scale the speed and such but yeah core functionality is pretty good. We have been testing on main-net (sol) already so we are nearly good to go. It’s all built in rust so it’s fast and scalable. With Mobile first UI/UX also so you can ape like axiom but do it while taking a 💩.

Open Beta testing will commence soon, we have a small group of testers for now so just wait and I’ll reach out , but the people’s trading terminal is nearly done. The launcher is also done, you can see it on the left. We are going to make some upgrades to the Ui, and UX and remove some of those messages you see in the video, those are mostly for testing. And scale the speed and such but yeah core functionality is pretty good. We have been testing on main-net (sol) already so we are nearly good to go. It’s all built in rust so it’s fast and scalable. With Mobile first UI/UX also so you can ape like axiom but do it while taking a 💩.

Skely

20,940 次观看 • 8 个月前

After testing Kimi.ai K2 for a few hours, My overall take: - Performance between Claude 3.5 & Claude 4 (Just my vibe eval!) - The UI generation seems great - But the cost is only 20% of Claude 3.5 - So good enough for most coding agent with a lot more manageable cost Easiest way to use Kimi K2 in Claude Code: - export ANTHROPIC_AUTH_TOKEN=YOUR_MOONSHOT_API - export ANTHROPIC_BASE_URL= - claude ------ Here are my tests & how to integrate to Claude Code: 1. Whole UI component library 2. Make online IDE UI 3. Build Functional mario game ...

After testing Kimi.ai K2 for a few hours, My overall take: - Performance between Claude 3.5 & Claude 4 (Just my vibe eval!) - The UI generation seems great - But the cost is only 20% of Claude 3.5 - So good enough for most coding agent with a lot more manageable cost Easiest way to use Kimi K2 in Claude Code: - export ANTHROPIC_AUTH_TOKEN=YOUR_MOONSHOT_API - export ANTHROPIC_BASE_URL= - claude ------ Here are my tests & how to integrate to Claude Code: 1. Whole UI component library 2. Make online IDE UI 3. Build Functional mario game ...

Jason Zhou

80,871 次观看 • 1 年前

💬: Can you review yourself in the future? EF: I'd ask for good health and time to travel to places that I want to go. I think that's all. 💬: Isn't it supposed to be a review? EF: I really don't know. I can give a review once it happened but no one knows what the future will be, so I can't give a review. Now I can only make a wish. #EngfaWaraha #อิงฟ้ามหาชน

💬: Can you review yourself in the future? EF: I'd ask for good health and time to travel to places that I want to go. I think that's all. 💬: Isn't it supposed to be a review? EF: I really don't know. I can give a review once it happened but no one knows what the future will be, so I can't give a review. Now I can only make a wish. #EngfaWaraha #อิงฟ้ามหาชน

Me_Myself_and_I

25,852 次观看 • 10 个月前

Press Secretary Karoline Leavitt: “This will likely be my last gaggle for some time. As you can see, I'm about ready to have a baby any minute. So I will see you guys very soon. I know you'll be in very good hands with my team here at the White House.” Watch OAN on Spectrum and YouTube TV today for more updates.

Press Secretary Karoline Leavitt: “This will likely be my last gaggle for some time. As you can see, I'm about ready to have a baby any minute. So I will see you guys very soon. I know you'll be in very good hands with my team here at the White House.” Watch OAN on Spectrum and YouTube TV today for more updates.

One America News

25,920 次观看 • 3 个月前

Streamlining the UX in Gemini CLI ✨ We got a lot of feedback on how our UI was way too cluttered with noise and text... so we made changes! 🛠️ Compact tool calls: Tool calls for reading files, folders, searching text, etc are now a single line (no more tool boxes around everything!) 💭 Topics: The agent outputs a one line overview of the rationale and direction it is going. A topic can span several tool calls and makes it easy to see what the agent is working on at a glance and why.

Streamlining the UX in Gemini CLI ✨ We got a lot of feedback on how our UI was way too cluttered with noise and text... so we made changes! 🛠️ Compact tool calls: Tool calls for reading files, folders, searching text, etc are now a single line (no more tool boxes around everything!) 💭 Topics: The agent outputs a one line overview of the rationale and direction it is going. A topic can span several tool calls and makes it easy to see what the agent is working on at a glance and why.

Jack Wotherspoon

15,960 次观看 • 3 个月前

WOW... this UI component library is pure magic. 😲 You get access to tons of beautiful, animated UI components that can be opened directly in AI coding tools like Claude, ChatGPT, and more, so your agent can install them for you. Prefer doing it yourself? You also get the complete source code and manual setup instructions. Whether you're a vibe coder, developer, or designer... this will make your day :) Follow me for more amazing AI, Coding & Web Dev insights 💎

WOW... this UI component library is pure magic. 😲 You get access to tons of beautiful, animated UI components that can be opened directly in AI coding tools like Claude, ChatGPT, and more, so your agent can install them for you. Prefer doing it yourself? You also get the complete source code and manual setup instructions. Whether you're a vibe coder, developer, or designer... this will make your day :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

47,734 次观看 • 11 天前

Today, Sierra is releasing Ghostwriter, our agent for building agents. With Ghostwriter, you can create an AI agent for your customer experience — one that can chat, pick up the phone, speak dozens of languages, take action on your systems of record, and be protected with industry-leading guardrails — simply by having a conversation. No clicking, no forms, no menus. Codex and Claude Code have transformed how we build software, making it possible for software engineers to orchestrate and review the work rather than doing all the work themselves. We think the same transformation will happen for all software. Rather than every enterprise app having a web app for humans and an API for automation, every software platform’s UI will be an agent that can do the work on your behalf. I recorded a demo of my building and optimizing an agent with Ghostwriter so you can see how powerful and easy it is to use. It’s completely changed the way our early adopters build agents, and it’s changed the way I think about the software industry. Let me know what you think, and, if you’re interested in trying it out at your business, please reach out directly.

Today, Sierra is releasing Ghostwriter, our agent for building agents. With Ghostwriter, you can create an AI agent for your customer experience — one that can chat, pick up the phone, speak dozens of languages, take action on your systems of record, and be protected with industry-leading guardrails — simply by having a conversation. No clicking, no forms, no menus. Codex and Claude Code have transformed how we build software, making it possible for software engineers to orchestrate and review the work rather than doing all the work themselves. We think the same transformation will happen for all software. Rather than every enterprise app having a web app for humans and an API for automation, every software platform’s UI will be an agent that can do the work on your behalf. I recorded a demo of my building and optimizing an agent with Ghostwriter so you can see how powerful and easy it is to use. It’s completely changed the way our early adopters build agents, and it’s changed the way I think about the software industry. Let me know what you think, and, if you’re interested in trying it out at your business, please reach out directly.

Bret Taylor

1,061,349 次观看 • 4 个月前

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 次观看 • 1 个月前

Building AI agents and tools is getting ridiculously easy! Here is a pretty impressive FREE and Open-Source AI agent builder that runs on your computer. It's a desktop app you can install on Mac or Windows. Link: • Free • 100% no-code: You can type what you want, and the tool will build everything for you. • You can use local models like DeepSeek or Qwen, or connect to cloud models like GPT-4o, Claude, or Gemini with your API key. • You can turn the tools you build into MCP Servers. I recorded a quick video to show you how easy it is to build something from scratch.

Building AI agents and tools is getting ridiculously easy! Here is a pretty impressive FREE and Open-Source AI agent builder that runs on your computer. It's a desktop app you can install on Mac or Windows. Link: • Free • 100% no-code: You can type what you want, and the tool will build everything for you. • You can use local models like DeepSeek or Qwen, or connect to cloud models like GPT-4o, Claude, or Gemini with your API key. • You can turn the tools you build into MCP Servers. I recorded a quick video to show you how easy it is to build something from scratch.

Santiago

56,815 次观看 • 1 年前

IT'S ALMOST READY! More previews of the upcoming challenge platform. Here are the details and how you can participate: What it is: A 30 day "take at your own pace" 100% free course to help you learn modern UI/UX in 2026. There will be around 15 unique projects, each will have free training/a free video around the concept, and the ability to submit your work based on a challenge. Other members can review/comment/rate, and I can also do the same, except I can add video feedback as well. When is it: Hoping within 2 weeks it will be ready, announced here on YouTube, X, LinkedIn, etc.. I will be uploading very frequently here on YouTube with all of the tutorial videos, but I encourage everyone to actually participate by creating a free account at DesignCourse and participating in the challenges there, in order to get the full experience. STAY TUNED / FOLLOW ME for the announcement when it releases.

IT'S ALMOST READY! More previews of the upcoming challenge platform. Here are the details and how you can participate: What it is: A 30 day "take at your own pace" 100% free course to help you learn modern UI/UX in 2026. There will be around 15 unique projects, each will have free training/a free video around the concept, and the ability to submit your work based on a challenge. Other members can review/comment/rate, and I can also do the same, except I can add video feedback as well. When is it: Hoping within 2 weeks it will be ready, announced here on YouTube, X, LinkedIn, etc.. I will be uploading very frequently here on YouTube with all of the tutorial videos, but I encourage everyone to actually participate by creating a free account at DesignCourse and participating in the challenges there, in order to get the full experience. STAY TUNED / FOLLOW ME for the announcement when it releases.

Gary Simon

14,069 次观看 • 6 个月前

🚨 Secure OpenClaw - Message Your Custom AI Agent From Telegram We are excited for our first release of personal agents. You can now use Abacus AI's DeepAgent to vibe code a personal agent on Telegram Create and simply message the agent! - do tasks like respond to emails - schedule meetings - use the browser to book tickets - connect to your internal systems The agent runs on a secure environment with constraints and you can pretty much customize it exactly like you want it when you are building it This is just v1 - we are going to be launching something WAY more exciting soon

🚨 Secure OpenClaw - Message Your Custom AI Agent From Telegram We are excited for our first release of personal agents. You can now use Abacus AI's DeepAgent to vibe code a personal agent on Telegram Create and simply message the agent! - do tasks like respond to emails - schedule meetings - use the browser to book tickets - connect to your internal systems The agent runs on a secure environment with constraints and you can pretty much customize it exactly like you want it when you are building it This is just v1 - we are going to be launching something WAY more exciting soon

Bindu Reddy

10,702 次观看 • 5 个月前

"Cherish every moment in the Present Whether you're happy or not, a day is a day Whether you are working hard or not, a day is still a day 10 years or even 1 year later, you'll able to see how your hard work from each day will bring you a different outcome So in life, aside from working hard, take good care of your health" #ZhaoLusi

"Cherish every moment in the Present Whether you're happy or not, a day is a day Whether you are working hard or not, a day is still a day 10 years or even 1 year later, you'll able to see how your hard work from each day will bring you a different outcome So in life, aside from working hard, take good care of your health" #ZhaoLusi

jov ☀️

11,094 次观看 • 2 年前

I've been building a "front page" for Toad (my terminal UI for agentic coding). This will the first page the user will see if they run "toad" from the command line without additional arguments. For here they can browse / search for agents and install directly from the command line. There are 10 agent supported so far, with more being added all the time. I also see this is a place to install other more specialized AI tools in addition to agentic coding. Check out the video! #toad #AI

I've been building a "front page" for Toad (my terminal UI for agentic coding). This will the first page the user will see if they run "toad" from the command line without additional arguments. For here they can browse / search for agents and install directly from the command line. There are 10 agent supported so far, with more being added all the time. I also see this is a place to install other more specialized AI tools in addition to agentic coding. Check out the video! #toad #AI

Will McGugan

35,626 次观看 • 8 个月前

Breakpoint Day 2 is here, and the pulls from yesterday are already insane! ThIscOinWilLgOtO100m hit a PSA Dark Charizard from our Collectibles gacha machine on Day 1. More than $120K in prizes are loaded inside, from Repackz promo codes to graded slabs, apparel, and many more rare surprises. 👀 Find us at the Internet Capital Supermarket hosted by Solana Solanaspaces and take your shot. The team is here all week, so come say hi and see what you can pull!

Breakpoint Day 2 is here, and the pulls from yesterday are already insane! ThIscOinWilLgOtO100m hit a PSA Dark Charizard from our Collectibles gacha machine on Day 1. More than $120K in prizes are loaded inside, from Repackz promo codes to graded slabs, apparel, and many more rare surprises. 👀 Find us at the Internet Capital Supermarket hosted by Solana Solanaspaces and take your shot. The team is here all week, so come say hi and see what you can pull!

Collectibles.com

11,242 次观看 • 7 个月前

Introducing ´image-taste-mobile´, our first image skill for mobile apps. ChatGPT Images 2.0 is really good at generating UI screens. A lot of people asked for mobile skills so here it is. Generate clean mobile app screens and give them to your agent to turn them into code right away. Just add the skill file to Codex or ChatGPT.

Introducing ´image-taste-mobile´, our first image skill for mobile apps. ChatGPT Images 2.0 is really good at generating UI screens. A lot of people asked for mobile skills so here it is. Generate clean mobile app screens and give them to your agent to turn them into code right away. Just add the skill file to Codex or ChatGPT.

bluedev

92,715 次观看 • 3 个月前

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.

Santiago

46,109 次观看 • 1 年前

"Privatisation is a failed experiment which takes all our money and pays it out to shareholders." Do we pay enough tax for good Public Services? Can you see the problem? They are not Public, so they will never be good no matter how much you spend.

"Privatisation is a failed experiment which takes all our money and pays it out to shareholders." Do we pay enough tax for good Public Services? Can you see the problem? They are not Public, so they will never be good no matter how much you spend.

BladeoftheSun

24,265 次观看 • 9 个月前

FREENBECKY AT 3ZAP #3แซ่บxฟรีนเบค #ฟรีนเบค #FreenBecky 🐰: actually we thank our fans every day. 🦦: we really appreciate it every day. 🐰: if there are no fans, then there are no freenbecky too. cause we have been through a lot together, we have come a long way to stand here together, it’s not easy, i hope that we can be together for a long long time in the future. 🦦: there are still many more works, whether it’s filming or whatever, we will let everyone to see, and we will do our best to make it come out good. thank you, love you 🤍

FREENBECKY AT 3ZAP #3แซ่บxฟรีนเบค #ฟรีนเบค #FreenBecky 🐰: actually we thank our fans every day. 🦦: we really appreciate it every day. 🐰: if there are no fans, then there are no freenbecky too. cause we have been through a lot together, we have come a long way to stand here together, it’s not easy, i hope that we can be together for a long long time in the future. 🦦: there are still many more works, whether it’s filming or whatever, we will let everyone to see, and we will do our best to make it come out good. thank you, love you 🤍

S 🦦

38,022 次观看 • 1 年前

For those of you tired of yet another AI-based IDE: Check out Traycer. It's a Visual Studio Code extension (free forever for anyone working on open-source repositories), and it does something different from everyone else. You write a high-level prompt outlining the changes you want to make to your codebase, and the extension generates a plan for you before you touch the code. (It reminds me of GitHub Copilot Workspaces.) You can review the plan, understand exactly the changes the extension will make to your code, and make any modifications. When you are ready, you execute the plan, and Traycer stages all of the changes so you have a new opportunity to review everything. Only then does Traycer apply the changes. This is ideal for large codebases where you'd rather study the changes the AI plans to make before they make it into your code. Look at the video I recorded to see how it works. Thanks to the Traycer team for collaborating with me on this post!

For those of you tired of yet another AI-based IDE: Check out Traycer. It's a Visual Studio Code extension (free forever for anyone working on open-source repositories), and it does something different from everyone else. You write a high-level prompt outlining the changes you want to make to your codebase, and the extension generates a plan for you before you touch the code. (It reminds me of GitHub Copilot Workspaces.) You can review the plan, understand exactly the changes the extension will make to your code, and make any modifications. When you are ready, you execute the plan, and Traycer stages all of the changes so you have a new opportunity to review everything. Only then does Traycer apply the changes. This is ideal for large codebases where you'd rather study the changes the AI plans to make before they make it into your code. Look at the video I recorded to see how it works. Thanks to the Traycer team for collaborating with me on this post!

Santiago

84,445 次观看 • 1 年前