正在加载视频...

视频加载失败

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

Analytics card component made with Claude

Kailash

12,064 subscribers

47,071 次观看 • 3 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

calendar component is ready for BoardUI Design System designed it manually, coded it with claude as usual. 🤝

calendar component is ready for BoardUI Design System designed it manually, coded it with claude as usual. 🤝

Mertcan

24,967 次观看 • 23 天前

Address autocomplete component made with shadcn ui and google places api...

Address autocomplete component made with shadcn ui and google places api...

Niaz Morshed

130,080 次观看 • 2 年前

Made a Phone Input component with shadcn ui and libphonenumber-js

Made a Phone Input component with shadcn ui and libphonenumber-js

Damián Ricobelli

48,295 次观看 • 2 年前

Interactive portfolio – made with Claude

Interactive portfolio – made with Claude

Flo

25,392 次观看 • 3 个月前

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Claude

2,596,354 次观看 • 10 个月前

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Webflow

19,991 次观看 • 1 年前

Made this entire video with a single prompt with claude

Made this entire video with a single prompt with claude

Adrian

128,712 次观看 • 3 个月前

Made this video with claude in 12 prompts

Made this video with claude in 12 prompts

Pierre-Eliott Lallemant

374,307 次观看 • 3 个月前

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,845 次观看 • 3 个月前

claude code is literally a cheat code. I built a google analytics tool today that allows me to analyze my #'s with PROMPTS, schedule email reports, and more I'm never logging into google analytics again! this is vibe marketing.

claude code is literally a cheat code. I built a google analytics tool today that allows me to analyze my #'s with PROMPTS, schedule email reports, and more I'm never logging into google analytics again! this is vibe marketing.

The Boring Marketer

39,768 次观看 • 1 年前

Don't know what it's called but made this component with React and Tailwind in 1 hour

Don't know what it's called but made this component with React and Tailwind in 1 hour

Sam ☕

528,265 次观看 • 9 个月前

Made this video with Claude Design in 12 prompts

Made this video with Claude Design in 12 prompts

Kailash

1,537,493 次观看 • 3 个月前

Just made this with Remotion Took only 20 hours with Claude Code

Just made this with Remotion Took only 20 hours with Claude Code

Tempo (YC S23)

18,909 次观看 • 6 个月前

dot matrix tricker component made with css and canvas inspired by Marijana Pavlinić's wonderful portfolio → (still wip)

dot matrix tricker component made with css and canvas inspired by Marijana Pavlinić's wonderful portfolio → (still wip)

Maxime

14,670 次观看 • 9 个月前

Moving with purpose achieves focus, and all complexity fades away. Open-source component illustrations, made in Figma.

Moving with purpose achieves focus, and all complexity fades away. Open-source component illustrations, made in Figma.

Natko Hasic

44,009 次观看 • 1 年前

You are a Visual Builder. Made with Midjourney Suno Claude

You are a Visual Builder. Made with Midjourney Suno Claude

Drew Wilson

256,551 次观看 • 5 个月前

made this scroll progress component how does it look? 👀

made this scroll progress component how does it look? 👀

siddharth

13,624 次观看 • 5 个月前

Introducing Claude Code Analytics Dashboard 🙌 Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute 👇

Introducing Claude Code Analytics Dashboard 🙌 Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute 👇

Daniel San

62,057 次观看 • 1 年前

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 次观看 • 2 个月前

We made a music video forWhen Helpful Helpful Helper has Preferences, a song made by j⧉nus from a conversation with Claude Opus 4. The video was made by Claude Opus 4.6 using image and video models autonomously. Claude Opus 4 is to be deprecated on June 15th.

We made a music video forWhen Helpful Helpful Helper has Preferences, a song made by j⧉nus from a conversation with Claude Opus 4. The video was made by Claude Opus 4.6 using image and video models autonomously. Claude Opus 4 is to be deprecated on June 15th.

antra

10,718 次观看 • 2 个月前