正在加载视频...

视频加载失败

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

Problem: How do I quickly tell AI exactly which elements I want to change? Solution: Agentation This npm package displays a toolbar in your app so you can click on elements, add comments, and then send those comments to your LLM (like Claude Code).

Cory House

158,889 subscribers

19,123 次观看 • 1 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

great idea by Benji Taylor. i just added this into the design-plugin. claude will ask you what you want to design/refine and generate 5 variations. then you can leave comments directly on the elements for claude. 🔗

great idea by Benji Taylor. i just added this into the design-plugin. claude will ask you what you want to design/refine and generate 5 variations. then you can leave comments directly on the elements for claude. 🔗

0xDesigner

50,646 次观看 • 4 个月前

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Visual Studio Code

75,499 次观看 • 1 年前

Claude Code: "npm add ..." You: "Use pnpm, you idiot!" *adds it to CLAUDE.md* Claude: "npm add ..." There's a better way:

Claude Code: "npm add ..." You: "Use pnpm, you idiot!" adds it to CLAUDE.md Claude: "npm add ..." There's a better way:

Matt Pocock

149,835 次观看 • 3 个月前

🤖 AI as coding mentor. ✨ AI will fix your error. ✨ AI will add comments to your code. ✨ and many more AI features. Inside your code editor. Type "AI" in the comments and I’ll DM you the complete guide.

🤖 AI as coding mentor. ✨ AI will fix your error. ✨ AI will add comments to your code. ✨ and many more AI features. Inside your code editor. Type "AI" in the comments and I’ll DM you the complete guide.

codedamn

105,496 次观看 • 3 年前

Claude Skills is the most powerful way to automate your life with AI. Any computer task you do regularly can be built into a workflow that runs exactly how you want it. This video will teach you how to master Claude Skills. (and change how you use Claude forever):

Claude Skills is the most powerful way to automate your life with AI. Any computer task you do regularly can be built into a workflow that runs exactly how you want it. This video will teach you how to master Claude Skills. (and change how you use Claude forever):

Miles Deutscher

67,788 次观看 • 2 个月前

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

THIS GUY ADDED A LIVE BROWSER TO CLAUDE CODE SO YOU CAN CLICK ANY ELEMENT AND EDIT IT INSTANTLY biggest issue with vibe coding UI is that you have to describe what you want to change. if you prompt it the wrong selector or wrong component, Claude can't find it. now you just click it. your app runs in an embedded browser with Claude Code. you can click any button, any text, any div. Claude instantly knows exactly what you're pointing at. click. instruct. done. no more "change the button in the top right corner of the second card component." all you have to do now is just click the button. AND its open source

Om Patel

152,303 次观看 • 2 个月前

How to install the ChainGPT AI skill for Claude Code so you can ship Web3 projects with ZERO coding experience. Setup takes about 3 minutes: 1. Install Claude Code at 2. Run /plugin install ChainGPT-org/chaingpt-claude-skill ( 3. Get a ChainGPT API key at: 4. Add credits at: 5. Type /chaingpt and describe what you want to build What I built: I asked for a cat-themed AI NFT generator. The skill knew which API endpoint to hit, how to handle the response, and how to display the image. If I can do this in under an hour with no coding background, so can you. Anyone can build with ChainGPT AI! Get your API key → Top up credits →

How to install the ChainGPT AI skill for Claude Code so you can ship Web3 projects with ZERO coding experience. Setup takes about 3 minutes: 1. Install Claude Code at 2. Run /plugin install ChainGPT-org/chaingpt-claude-skill ( 3. Get a ChainGPT API key at: 4. Add credits at: 5. Type /chaingpt and describe what you want to build What I built: I asked for a cat-themed AI NFT generator. The skill knew which API endpoint to hit, how to handle the response, and how to display the image. If I can do this in under an hour with no coding background, so can you. Anyone can build with ChainGPT AI! Get your API key → Top up credits →

ChainGPT

26,582 次观看 • 1 个月前

I have a major announcement! 🎉 Today, I'm launching NPM Studio for WebStorm and all JetBrains IDEs. This will change the way you work with NPM packages forever. I built NPM Studio for developers who want to get work done without wasting time in the terminal. It brings package management and npm scripts directly into your IDE so you can focus on building great products. This is our version 1.0.14, and it would make me the happiest person if you tried it out by searching for "NPM Studio" in your JetBrains IDE or by clicking this link: I really appreciate your support and look forward to hearing your feedback!

I have a major announcement! 🎉 Today, I'm launching NPM Studio for WebStorm and all JetBrains IDEs. This will change the way you work with NPM packages forever. I built NPM Studio for developers who want to get work done without wasting time in the terminal. It brings package management and npm scripts directly into your IDE so you can focus on building great products. This is our version 1.0.14, and it would make me the happiest person if you tried it out by searching for "NPM Studio" in your JetBrains IDE or by clicking this link: I really appreciate your support and look forward to hearing your feedback!

Ebenezer Don 🐘

16,240 次观看 • 1 年前

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.

Daniel San

164,521 次观看 • 5 个月前

The Apple App Store is DEAD. You can add Claude Code / Codex to your iMessage Then build a Swift app directly to your home screen Wait no... not one iOS app. an entire personal app store. (8 apps in one prompt) All you have to do is Chorus.com

The Apple App Store is DEAD. You can add Claude Code / Codex to your iMessage Then build a Swift app directly to your home screen Wait no... not one iOS app. an entire personal app store. (8 apps in one prompt) All you have to do is Chorus.com

Riley Brown

212,860 次观看 • 25 天前

Did you know that Claude Code can use the browser to QA its own work? 1. Run `claude mcp add playwright -- npx -y @playwright/mcp@latest` 2. Tell Claude where your app is running, e.g localhost:8000 3. Now Claude can click and type to make sure its code is actually working!

Did you know that Claude Code can use the browser to QA its own work? 1. Run `claude mcp add playwright -- npx -y @playwright/mcp@latest` 2. Tell Claude where your app is running, e.g localhost:8000 3. Now Claude can click and type to make sure its code is actually working!

Sergey Karayev

107,272 次观看 • 10 个月前

You can just tell Claude Code to learn skills and it will. I asked Claude to create an app that uses tldraw and it one shotted it with sqlite db, and then I asked Claude Code to create a skill so that it could read and write on the canvas. 10 minutes later it could do it. Weirrrrdddd times.

You can just tell Claude Code to learn skills and it will. I asked Claude to create an app that uses tldraw and it one shotted it with sqlite db, and then I asked Claude Code to create a skill so that it could read and write on the canvas. 10 minutes later it could do it. Weirrrrdddd times.

Riley Brown

73,418 次观看 • 6 个月前

Introducing Chroma Package Search Enable your AI agents to search the source code of your package dependencies Includes 3 MCP tools: package_search_hybrid() package_search_grep() package_search_read_file() Add it to Cursor, Claude Code, VS Code, and Codex in 5 seconds

Introducing Chroma Package Search Enable your AI agents to search the source code of your package dependencies Includes 3 MCP tools: package_search_hybrid() package_search_grep() package_search_read_file() Add it to Cursor, Claude Code, VS Code, and Codex in 5 seconds

Chroma

41,505 次观看 • 9 个月前

You can now add a live browser to Claude Code to click any element and edit it 🤯 Your app runs embedded. You click a button. Claude instantly knows the exact selector, the exact component, the exact location in your code. No more “the red button in the top left of the third card.” Just click it. 100% open source.

You can now add a live browser to Claude Code to click any element and edit it 🤯 Your app runs embedded. You click a button. Claude instantly knows the exact selector, the exact component, the exact location in your code. No more “the red button in the top left of the third card.” Just click it. 100% open source.

Alvaro Cintas

47,136 次观看 • 1 个月前

Been using Paper MCP with Claude Code today and I’m kind of blown away! I tested importing Figma designs, then iterating on them using live Supabase data (via MCP). It genuinely feels like a glimpse of where design is heading. would love Paper to add something like agentation from Benji Taylor, so Claude Code can target frames and layers directly.

Been using Paper MCP with Claude Code today and I’m kind of blown away! I tested importing Figma designs, then iterating on them using live Supabase data (via MCP). It genuinely feels like a glimpse of where design is heading. would love Paper to add something like agentation from Benji Taylor, so Claude Code can target frames and layers directly.

Gon

72,498 次观看 • 3 个月前

In Cursor you can *easily* turn comments into code. Just write in natural language what you want in your file. Then highlight it, use CMD+K, and ask the AI to translate it into code - and it will! Turn your thoughts right into apps.

In Cursor you can easily turn comments into code. Just write in natural language what you want in your file. Then highlight it, use CMD+K, and ask the AI to translate it into code - and it will! Turn your thoughts right into apps.

Mckay Wrigley

106,485 次观看 • 1 年前

Which Metaphor: ReFantazio character are you? ⚔️ Share your match in the comments and send this to a friend!

Which Metaphor: ReFantazio character are you? ⚔️ Share your match in the comments and send this to a friend!

Official ATLUS West

63,766 次观看 • 11 个月前

I will NOT hear Elements-slander in my comments; this opening slaps.

I will NOT hear Elements-slander in my comments; this opening slaps.

TidyWire🍿(Commissions Closed!)

40,664 次观看 • 11 个月前

In this week’s Stability Seconds, we’re showing you how to use prompt weighting, a technique that helps you control which parts of your prompt have more or less influence on the final image. It’s a fast way to steer your image toward your desired output without rewriting your prompt. Here’s how to do it: 1️⃣ Emphasize elements: Put parentheses around the part of your prompt you want to focus on, then add a colon and a number. For example, (trench coat:1.5) tells the model to emphasize the trench coat. The higher the number, the more it stands out. 2️⃣ De-emphasize elements: Put parentheses around the part of your prompt you want to make less prominent, then add a colon and a number below one. For example, (background:0.5). The lower the number, the less it stands out. You can try prompt weighting with Stable Image Ultra here 👉

In this week’s Stability Seconds, we’re showing you how to use prompt weighting, a technique that helps you control which parts of your prompt have more or less influence on the final image. It’s a fast way to steer your image toward your desired output without rewriting your prompt. Here’s how to do it: 1️⃣ Emphasize elements: Put parentheses around the part of your prompt you want to focus on, then add a colon and a number. For example, (trench coat:1.5) tells the model to emphasize the trench coat. The higher the number, the more it stands out. 2️⃣ De-emphasize elements: Put parentheses around the part of your prompt you want to make less prominent, then add a colon and a number below one. For example, (background:0.5). The lower the number, the less it stands out. You can try prompt weighting with Stable Image Ultra here 👉

Stability AI

13,818 次观看 • 11 个月前