正在加载视频...

视频加载失败

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

InterfaceKit is a design tool to make real time visual edits to your app then copy a prompt for your agent to ship the changes. Just pushed the alpha to Interface Craft members; available to everyone soon. Fun to jam with will on this one 💪

joshpuckett

34,905 subscribers

56,386 次观看 • 2 个月前 •via X (Twitter)

艺术教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

joshpuckett

104,224 次观看 • 4 个月前

DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.

DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.

joshpuckett

97,829 次观看 • 4 个月前

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

joshpuckett

81,788 次观看 • 5 个月前

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Steve (Builder.io)

15,479 次观看 • 1 年前

Need a beautiful design for your next Replit app? Head to 21st⁠.dev and: - Find a design - Copy the prompt into Replit Agent - Iterate and add Replit’s built-in tools and databases - Deploy your app to the public - Profit Share what you build and tag us!

Need a beautiful design for your next Replit app? Head to 21st⁠.dev and: - Find a design - Copy the prompt into Replit Agent - Iterate and add Replit’s built-in tools and databases - Deploy your app to the public - Profit Share what you build and tag us!

Replit ⠕

50,651 次观看 • 1 年前

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

Replit ⠕

184,057 次观看 • 3 个月前

To edit the code of a Lovable app: 1. Connect your app to GitHub and open in any code editor. 2. Make your edits in the code editor. 3. Push the changes The updates will automatically reflect in your app.

To edit the code of a Lovable app: 1. Connect your app to GitHub and open in any code editor. 2. Make your edits in the code editor. 3. Push the changes The updates will automatically reflect in your app.

Lovable

20,897 次观看 • 1 年前

Onboarding was extra fun to design and build for this one 🕺 It's a moment of delight but it's also functional. It gives Pica a couple valuable seconds to index all of your fonts* so when you click through everything is sorted, loaded, and instantly available. This is an example of how 'design and engineering are really the same.' *unless you're one of those sickos with like 10k+ fonts. Then unfortunately you'll sit with a spinner for a few more seconds 😅

Onboarding was extra fun to design and build for this one 🕺 It's a moment of delight but it's also functional. It gives Pica a couple valuable seconds to index all of your fonts* so when you click through everything is sorted, loaded, and instantly available. This is an example of how 'design and engineering are really the same.' *unless you're one of those sickos with like 10k+ fonts. Then unfortunately you'll sit with a spinner for a few more seconds 😅

joshpuckett

54,359 次观看 • 2 个月前

Your phone is one of your greatest weapons. Your phone should be set up to make you money, not to waste your time. Remove all the apps you waste your time on. Download the one app that will show you exactly how to make money Available for all devices.

Sensitive content

Your phone is one of your greatest weapons. Your phone should be set up to make you money, not to waste your time. Remove all the apps you waste your time on. Download the one app that will show you exactly how to make money Available for all devices.

Andrew Tate

17,750,807 次观看 • 3 年前

The Wayfinder Foundation 🧭 autonomous agent scheduling a transaction conditional on btc 24h price change. One prompt to create the trigger event and one prompt to say yes to the transaction - this process will be simplified to an event trigger management. We can currently also do things like copy trading -- just a bit hard to demo that (waiting for wallets to trade etc.) and soon will be able to do basically arbitrarily complex things…

The Wayfinder Foundation 🧭 autonomous agent scheduling a transaction conditional on btc 24h price change. One prompt to create the trigger event and one prompt to say yes to the transaction - this process will be simplified to an event trigger management. We can currently also do things like copy trading -- just a bit hard to demo that (waiting for wallets to trade etc.) and soon will be able to do basically arbitrarily complex things…

//Kalos

40,461 次观看 • 1 年前

Now you can add a mobile app to the website you’ve been building on Replit. Ship it to the App Store from your existing project. Just open your app and ask the Agent.

Now you can add a mobile app to the website you’ve been building on Replit. Ship it to the App Store from your existing project. Just open your app and ask the Agent.

Zhen Li

381,272 次观看 • 2 个月前

Today we're announcing the Vibecode CLI Your OpenClaw (or any agent) can build and deploy up to 20 apps in parallel in a single prompt. Your agent will communicate with Vibecode to build your app(s). Frontend, Backend, Database, Deployments, APIs. Works with OpenClaw, Claude Code, Perplexity Computer, Manus, and any agent with access to a terminal. Just add this to your prompt: "Please use vibecode . dev CLI to build these apps"

Today we're announcing the Vibecode CLI Your OpenClaw (or any agent) can build and deploy up to 20 apps in parallel in a single prompt. Your agent will communicate with Vibecode to build your app(s). Frontend, Backend, Database, Deployments, APIs. Works with OpenClaw, Claude Code, Perplexity Computer, Manus, and any agent with access to a terminal. Just add this to your prompt: "Please use vibecode . dev CLI to build these apps"

vibecode.dev

114,468 次观看 • 3 个月前

While building SEV0, I ran into moments where natural language prompting just wasn't enough - too vague, too indirect. So I started using a method that bridges that gap. I call it Bridged Prompting - a technique where you temporarily step out of the prompt-response loop to manipulate something directly using an AI-generated UI, then step back in. Think of it like GenUI, but more user-driven and transient. AI generates a UI on-the-fly, tailored to your prompt, and lets you manipulate the artifact directly before resuming the conversation. Sure, you could build a full tool, switch tabs, wire it up and round-trip your data. But with Bridged Prompting, the AI just spins up a temporary interface right in the flow. In the video below, I used it to construct the hallway system to closely match the layout of the severed floor. This is something I needed to do for this one project, this one time - I didn't need to make a whole separate app. Bridged Prompting lets you: - Make precise edits visually or structurally - "Hit save" to persist changes to local storage or a backend - Return to your natural language prompt

While building SEV0, I ran into moments where natural language prompting just wasn't enough - too vague, too indirect. So I started using a method that bridges that gap. I call it Bridged Prompting - a technique where you temporarily step out of the prompt-response loop to manipulate something directly using an AI-generated UI, then step back in. Think of it like GenUI, but more user-driven and transient. AI generates a UI on-the-fly, tailored to your prompt, and lets you manipulate the artifact directly before resuming the conversation. Sure, you could build a full tool, switch tabs, wire it up and round-trip your data. But with Bridged Prompting, the AI just spins up a temporary interface right in the flow. In the video below, I used it to construct the hallway system to closely match the layout of the severed floor. This is something I needed to do for this one project, this one time - I didn't need to make a whole separate app. Bridged Prompting lets you: - Make precise edits visually or structurally - "Hit save" to persist changes to local storage or a backend - Return to your natural language prompt

Chris Tate

42,520 次观看 • 1 年前

Google is taking a big swing at the core browser / search interface for the first time They're testing GenTabs, which turns a user's open tabs into a custom web app (ex. to plan a trip) 👇 The user can text prompt the web app to make changes

Google is taking a big swing at the core browser / search interface for the first time They're testing GenTabs, which turns a user's open tabs into a custom web app (ex. to plan a trip) 👇 The user can text prompt the web app to make changes

Olivia Moore

147,696 次观看 • 6 个月前

Build an iOS app from my phone, while on the couch… With Claude Code… Then ship to App Store. Soon will be able to ship to the vibecode.dev App Store as well.

Build an iOS app from my phone, while on the couch… With Claude Code… Then ship to App Store. Soon will be able to ship to the vibecode.dev App Store as well.

Riley Brown

135,161 次观看 • 7 个月前

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Figma

323,740 次观看 • 1 年前

This is actually one of my secrets but since it's the new year, I thought of sharing it to everyone. Try this Ask Claude or ChatGPT to describe a screenshot of a website Then, use the prompt to create an app with You can edit the prompt based on your preference before generating You're welcome!

This is actually one of my secrets but since it's the new year, I thought of sharing it to everyone. Try this Ask Claude or ChatGPT to describe a screenshot of a website Then, use the prompt to create an app with You can edit the prompt based on your preference before generating You're welcome!

Melvin Vivas

95,943 次观看 • 1 年前

👀| With the rising popularity of Formula One, it's more important then ever to make the real experience available to everyone! The amazing organization Lemon Grid is on a mission to make that happen!! Follow the page for the latest updates

👀| With the rising popularity of Formula One, it's more important then ever to make the real experience available to everyone! The amazing organization Lemon Grid is on a mission to make that happen!! Follow the page for the latest updates

Fastest Pitstop

63,139 次观看 • 8 个月前

Introducing Manus Design View, a new way to close the design gap between your vision and the final image. Stop wrestling with prompts and use the Mark Tool to show Manus exactly where to make changes. Say hello to granular control

Introducing Manus Design View, a new way to close the design gap between your vision and the final image. Stop wrestling with prompts and use the Mark Tool to show Manus exactly where to make changes. Say hello to granular control

Manus

69,060 次观看 • 6 个月前