正在加载视频...

视频加载失败

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

want to create really beautiful designs in your project? use the new "/component" slash command with the Supercharge add-on: - choose from 100s of 😍 components - copy the code, purpose-made for Bolt 👉 a simple, stunning, fast way to 10x your designs.

Martin Slaney

5,026 subscribers

32,843 次观看 • 1 年前 •via X (Twitter)

科学技术艺术

Anya Rossi• Live Now

Private livecam show

11 条评论

skippy 的头像

skippy1 年前

get the browser extension for this and many more power-ups to supercharge @boltdotnew

skippy 的头像

skippy1 年前

Huge thanks to @serafimcloud for working with me on this 🙌 - legend

Melvin Vivas 的头像

Melvin Vivas1 年前

wow, awesome stuff!

dev dja 的头像

dev dja1 年前

Niiiiice, i’ll use it !!!

skippy 的头像

skippy1 年前

💥

Liban (lee~ben) Kano 的头像

Liban (lee~ben) Kano1 年前

Incredible!

skippy 的头像

skippy1 年前

Cheers Liban!

Jordan Mix 的头像

Jordan Mix1 年前

Embedding 21st dev is so smart. Let’s goooo

skippy 的头像

skippy1 年前

It’s the perfect match-up

Ward 的头像

Ward1 年前

Damn thats nice, but why are these things so hidden. A button with more options like this would be way better.

skippy 的头像

skippy1 年前

Fair point and I’ll make it more accessible 👍

相关视频

SIMPLE WAY TO GENERATE 3D IMAGES WITH CHATGPT USING SIMPLE COPY PROMPT, AND HOW TO USE THEM IN YOUR CANVA DESIGNS. Enjoy the calm jazz too. Like, RT/Quote, ask your questions, bookmark.

SIMPLE WAY TO GENERATE 3D IMAGES WITH CHATGPT USING SIMPLE COPY PROMPT, AND HOW TO USE THEM IN YOUR CANVA DESIGNS. Enjoy the calm jazz too. Like, RT/Quote, ask your questions, bookmark.

MR SOUTH

14,240 次观看 • 11 个月前

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,763 次观看 • 1 年前

We're thrilled to partner with Replit ⠕ on making your Galileo designs LIVE. 🌟 You can now export your designs from Galileo to Replit and edit your designs using code. Thanks for the partnership Replit ⠕!

We're thrilled to partner with Replit ⠕ on making your Galileo designs LIVE. 🌟 You can now export your designs from Galileo to Replit and edit your designs using code. Thanks for the partnership Replit ⠕!

Stitch by Google

51,694 次观看 • 2 年前

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 次观看 • 1 年前

Satanic Musallas Being Sold. Appeal to all Muslims to avoid musallas with floral designs etc. Use plain musallas with no designs or patterns. Khushu in salah js an important component of your prayer. If you have an image of the devil hidden on your musallas then ask questions.

Satanic Musallas Being Sold. Appeal to all Muslims to avoid musallas with floral designs etc. Use plain musallas with no designs or patterns. Khushu in salah js an important component of your prayer. If you have an image of the devil hidden on your musallas then ask questions.

Adnan Rashid

490,316 次观看 • 1 年前

"The difference between AI slop and great designs is in the last 10%." Here's my new episode with Meng To where he reveals his step-by-step process to create stunning AI designs and websites. We cover how to: - Build your AI design prompt from scratch - Find great fonts, assets, and components - Add beautiful custom animations Some tips from Meng: "A lot of people don't realize that having a prompt is just not enough. You need to give AI the right templates and references." "I like to think of AI more like a tool to augment you rather than doing everything. At the end of the day, what matters is your taste." "Use sites like UI verse for buttons, 21st dev for components, and ReactBits for animations. Knowing these resources is half the battle." 📌 Watch now:

"The difference between AI slop and great designs is in the last 10%." Here's my new episode with Meng To where he reveals his step-by-step process to create stunning AI designs and websites. We cover how to: - Build your AI design prompt from scratch - Find great fonts, assets, and components - Add beautiful custom animations Some tips from Meng: "A lot of people don't realize that having a prompt is just not enough. You need to give AI the right templates and references." "I like to think of AI more like a tool to augment you rather than doing everything. At the end of the day, what matters is your taste." "Use sites like UI verse for buttons, 21st dev for components, and ReactBits for animations. Knowing these resources is half the battle." 📌 Watch now:

Peter Yang

63,938 次观看 • 11 个月前

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

Have you tried the new Replit Canvas? - Create beautiful UI designs with AI - Generate assets with GPT-Image 2 & Seedance - Turn your designs into launch-ready apps in minutes

Have you tried the new Replit Canvas? - Create beautiful UI designs with AI - Generate assets with GPT-Image 2 & Seedance - Turn your designs into launch-ready apps in minutes

Replit ⠕

14,500 次观看 • 1 个月前

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Alex Danilowicz

33,189 次观看 • 1 年前

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Daniel San

20,460 次观看 • 6 个月前

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

Abraham John 🦄🦓

21,243 次观看 • 6 个月前

Introducing Smart Diagrams! A new way to visualize your text. You can now drag and drop adaptable diagrams directly into your gammas. Navigate over to the side menu bar and choose from a variety of designs that automatically adapt to your theme.

Introducing Smart Diagrams! A new way to visualize your text. You can now drag and drop adaptable diagrams directly into your gammas. Navigate over to the side menu bar and choose from a variety of designs that automatically adapt to your theme.

Gamma

18,995 次观看 • 11 个月前

Here's DetailsPro MCP sharing SwiftUI designs directly with Xcode! Ask your favorite agent to grab one of your designs and watch as DetailsPro provides the SwiftUI code. Tweak and iterate on your design live and let the agent know to grab the changes.

Here's DetailsPro MCP sharing SwiftUI designs directly with Xcode! Ask your favorite agent to grab one of your designs and watch as DetailsPro provides the SwiftUI code. Tweak and iterate on your design live and let the agent know to grab the changes.

DetailsPro

15,408 次观看 • 5 个月前

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Pietro Schirano

979,151 次观看 • 5 个月前

With the new QR Code Tool in #Affinity 2.5 beta, you can easily create any #QRCode shape as a vector object and customise it to suit your designs 🙌 To try out the latest beta builds and share your feedback with us, sign up for our #beta program:

With the new QR Code Tool in #Affinity 2.5 beta, you can easily create any #QRCode shape as a vector object and customise it to suit your designs 🙌 To try out the latest beta builds and share your feedback with us, sign up for our #beta program:

Affinity

43,908 次观看 • 2 年前

wanna make your #PrismCustomizableVtuber designs into redeems? i made a quick tutorial on how to use the Integration feature on Vtube Studio! 🤍

wanna make your #PrismCustomizableVtuber designs into redeems? i made a quick tutorial on how to use the Integration feature on Vtube Studio! 🤍

emi 🐾💤

69,425 次观看 • 8 个月前

How to use the new .cursor/rules directory in your project (simple).

How to use the new .cursor/rules directory in your project (simple).

Kevin Kern

45,336 次观看 • 1 年前

AIDesigner is officially live! I think we can all agree that vibe coded apps look horrible, so I built an AI UI designer that creates actually beautiful UI in seconds. • Stunning designs from the simplest of prompts. • Design, edit, iterate all on a single canvas. • Copy styles from any URL. • Publish in a single click (subdomain or custom). • Designs for both web and mobile. • Export to code and image. Great UI design doesn't have to be difficult. Components, mobile apps, websites, AIDesigner does it all. Try it for free:

AIDesigner is officially live! I think we can all agree that vibe coded apps look horrible, so I built an AI UI designer that creates actually beautiful UI in seconds. • Stunning designs from the simplest of prompts. • Design, edit, iterate all on a single canvas. • Copy styles from any URL. • Publish in a single click (subdomain or custom). • Designs for both web and mobile. • Export to code and image. Great UI design doesn't have to be difficult. Components, mobile apps, websites, AIDesigner does it all. Try it for free:

Wiz

17,068 次观看 • 6 个月前

Create Votes on Luffa — Simple & Interactive 📣 Open your Channel or Group and start a voting topic Set the question you want to discuss Add voting options & choose the duration Publish and collect feedback from your community Whether it’s a Channel or Group, voting on Luffa is fast, easy, and built for real engagement.

Create Votes on Luffa — Simple & Interactive 📣 Open your Channel or Group and start a voting topic Set the question you want to discuss Add voting options & choose the duration Publish and collect feedback from your community Whether it’s a Channel or Group, voting on Luffa is fast, easy, and built for real engagement.

Luffa

25,387 次观看 • 6 个月前