Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

-> someone cloned claude -> design interface and -> made it completely free -> it's work on YouTube -> and also suitable for kids -> it’s called open design -> and it’s live on github -> same clean split-screen ui -> you get in claude artifacts -> prompt on... the left, live -> design/code preview on -> the right, type what you -> want to build and it -> generates the ui in real -> time, but here’s the twist -> you pick the ai model -> not locked into one -> company, want to use -> gemini, mistral, llama, -> deepseek any model -> with an api work -> if you’re running local -> models with ollama -> that works too -> no subscription walls -> the big difference -> vs claude artifacts -> works with any free -> ai model you’re not -> paying $20/mo just to -> design, use free tiers -> local models, or whatever -> you already have access to -> fully local, your prompts -> and code never leave -> your machine unless -> you want them to -> no data training -> no cloud storage -> privacy by default -> no usage limits -> claude cuts you off -> after a few designs -> here you can generate, -> iterate, break things -> and rebuild all day -> the only limit is your -> don’t like how a button -> works, change it -> want to add your own -> components, go ahead -> you own the tool -> so if you’ve been gatekept -> by paywalls or worried -> about sensitive prompts -> going to some company’s -> servers, this fixes that. -> same workflow, more -> control, zero monthly feeshow more

BeingInvested

6,132 subscribers

12,134 views • 4 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Skill issue. Literally. Claude can build you world class designs, but you need a system that works. First, you need to give it a reference design. Go to Behance, Dribbble, awwards, or mobbin. design and pick a few websites you like. Screenshot and send it to Claude, and ask it to identify the patterns that stand out in each. Next is skills. Install the following skills into your claude code 1. /Taste 2. /emil-kowalski 3. /Impeccable 4. /apple-design-hig The last one is a personal fork of the popular /apple-design skill. That's how you build websites that look like this: And I shared all this skills on my free AI class over the weekend. Comment below if you want the Notion doc, and I'll send it to you.

Skill issue. Literally. Claude can build you world class designs, but you need a system that works. First, you need to give it a reference design. Go to Behance, Dribbble, awwards, or mobbin. design and pick a few websites you like. Screenshot and send it to Claude, and ask it to identify the patterns that stand out in each. Next is skills. Install the following skills into your claude code 1. /Taste 2. /emil-kowalski 3. /Impeccable 4. /apple-design-hig The last one is a personal fork of the popular /apple-design skill. That's how you build websites that look like this: And I shared all this skills on my free AI class over the weekend. Comment below if you want the Notion doc, and I'll send it to you.

Favour is locked in.

112,777 views • 15 days ago

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

154,123 views • 6 months ago

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

301,307 views • 8 months ago

I just found a way to use Claude Code completely free. Claude Code is Anthropic’s terminal coding agent that usually needs a paid API key to run. But a viral GitHub project called Free Claude Code, now sitting at 37k stars, lets you skip the billing entirely. It works as a tiny proxy that sits between Claude Code and free model providers like NVIDIA NIM, OpenRouter, DeepSeek, and Gemini. Every request Claude Code would send to Anthropic gets quietly rerouted to a free model on the other side. The interface stays the same. What’s actually thinking behind it changes. Setup takes a couple of quick commands and a free API key from NVIDIA NIM or OpenRouter. Paste it into the local dashboard, pick a model, and you’re building. The catch is you’re not really using Claude anymore. But when the code ships, does the model badge matter? -- I have shared the Github Link in my free Whatsapp Community ↓

I just found a way to use Claude Code completely free. Claude Code is Anthropic’s terminal coding agent that usually needs a paid API key to run. But a viral GitHub project called Free Claude Code, now sitting at 37k stars, lets you skip the billing entirely. It works as a tiny proxy that sits between Claude Code and free model providers like NVIDIA NIM, OpenRouter, DeepSeek, and Gemini. Every request Claude Code would send to Anthropic gets quietly rerouted to a free model on the other side. The interface stays the same. What’s actually thinking behind it changes. Setup takes a couple of quick commands and a free API key from NVIDIA NIM or OpenRouter. Paste it into the local dashboard, pick a model, and you’re building. The catch is you’re not really using Claude anymore. But when the code ships, does the model badge matter? -- I have shared the Github Link in my free Whatsapp Community ↓

Vaibhav Sisinty

37,255 views • 3 months ago

As a visual person, I hate working in the CLI. But after using Claude Code a few times, it’s impossible to go back. The problem isn’t Claude. It’s the interface around it. So we built the best Claude Code client we could imagine. Runs fully in the browser. Parallel branches and projects. Live previews for every change. A calm, clean UI. Free to use with your own Claude keys. Reply if you want early access 👀

As a visual person, I hate working in the CLI. But after using Claude Code a few times, it’s impossible to go back. The problem isn’t Claude. It’s the interface around it. So we built the best Claude Code client we could imagine. Runs fully in the browser. Parallel branches and projects. Live previews for every change. A calm, clean UI. Free to use with your own Claude keys. Reply if you want early access 👀

serafim

251,573 views • 9 months ago

i found a website that gives you the best AI models for free, every single day 😳 claude, gpt, gemini, deepseek and 10+ more, all in one place. no subscription, no credit card. it's called poe. you get free credits every day, and they reset every 24 hours so you never really run out. what you can use for free: - claude, for writing and thinking through hard stuff - gpt, for everyday questions and chat - gemini, for long documents and images - deepseek, for tricky problems - and 10+ more, all in one login how to start (2 minutes): > 1. go to (or get the app on your phone or mac) > 2. sign up with google or email, no card needed > 3. you land straight in the chat, free credits already there > 4. pick a model on the left and start typing > 5. switch models anytime, the credits refill every day one simple tip to make your credits last: use the small fast models for easy stuff, and save the big ones for when you really need them. don't waste a powerful model on a yes or no question. what this saves you: - chatgpt plus: $20/mo - claude pro: $20/mo - gemini advanced: $20/mo that's $60 a month for three apps that mostly do the same thing. poe gives you all of them in one place, for free. one login. every top model. zero dollars. bookmark this so you stop paying for AI you can get for free

i found a website that gives you the best AI models for free, every single day 😳 claude, gpt, gemini, deepseek and 10+ more, all in one place. no subscription, no credit card. it's called poe. you get free credits every day, and they reset every 24 hours so you never really run out. what you can use for free: - claude, for writing and thinking through hard stuff - gpt, for everyday questions and chat - gemini, for long documents and images - deepseek, for tricky problems - and 10+ more, all in one login how to start (2 minutes): > 1. go to (or get the app on your phone or mac) > 2. sign up with google or email, no card needed > 3. you land straight in the chat, free credits already there > 4. pick a model on the left and start typing > 5. switch models anytime, the credits refill every day one simple tip to make your credits last: use the small fast models for easy stuff, and save the big ones for when you really need them. don't waste a powerful model on a yes or no question. what this saves you: - chatgpt plus: $20/mo - claude pro: $20/mo - gemini advanced: $20/mo that's $60 a month for three apps that mostly do the same thing. poe gives you all of them in one place, for free. one login. every top model. zero dollars. bookmark this so you stop paying for AI you can get for free

Isra

58,018 views • 3 months ago

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Om Patel

402,762 views • 6 months ago

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

114,229 views • 4 months ago

How to use 50+ API keys (models) for FREE on OpenClaw API??? - go to - login or register your account - click on "more models" - click on "use case" and select what you need it for - choose the model and open it - click on "view code" → "Generate API key" many models don't allow direct deploy, so use the "view code" button to generate API access basically Nvidia NIM gives you the ability to test almost any model from their list for FREE some of them are not worse than GPT 5.2 or Claude Opus 4.6, some might even perform better depending on the task how to understand if a model is efficient and compare it with others??? - go to - type the model name in search - click on "benchmarks" - you’ll see performance tests and rankings this way you can easily compare free models with paid ones of course there are RPM limits, on many models it’s around ~40 requests per minute each model is different, after generating the API key, RPM limits are shown in the top-right corner nothing stops you from using them, many work perfectly fine, super solid option for first tests and for learning OpenClaw or any other system where you need an AI API model

How to use 50+ API keys (models) for FREE on OpenClaw API??? - go to - login or register your account - click on "more models" - click on "use case" and select what you need it for - choose the model and open it - click on "view code" → "Generate API key" many models don't allow direct deploy, so use the "view code" button to generate API access basically Nvidia NIM gives you the ability to test almost any model from their list for FREE some of them are not worse than GPT 5.2 or Claude Opus 4.6, some might even perform better depending on the task how to understand if a model is efficient and compare it with others??? - go to - type the model name in search - click on "benchmarks" - you’ll see performance tests and rankings this way you can easily compare free models with paid ones of course there are RPM limits, on many models it’s around ~40 requests per minute each model is different, after generating the API key, RPM limits are shown in the top-right corner nothing stops you from using them, many work perfectly fine, super solid option for first tests and for learning OpenClaw or any other system where you need an AI API model

Ronin

58,974 views • 7 months ago

🚨do you understand what Claude just did to the interior design industry. no agency. no $5,000 consultant. no waiting. 3 steps. one photo. free. → install the Banana skill from GitHub. → connect Gemini API from Google AI Studio. → upload your room photo. type /banana. done. professional redesign. instantly. and if you want to go deeper with Claude — the open-source alternative to Claude Design is waiting below. 28,900 stars. 71 design systems. free. link below.

🚨do you understand what Claude just did to the interior design industry. no agency. no $5,000 consultant. no waiting. 3 steps. one photo. free. → install the Banana skill from GitHub. → connect Gemini API from Google AI Studio. → upload your room photo. type /banana. done. professional redesign. instantly. and if you want to go deeper with Claude — the open-source alternative to Claude Design is waiting below. 28,900 stars. 71 design systems. free. link below.

Kirill

37,617 views • 5 months ago

🚨 Claude Fable 5.1 launched earlier this week and you can use it right now for FREE. no subscription. no API key. no credit card. here's how: 1. go to 2. pen the model selector 3. pick claude-fable-5.1-high 4. start prompting that's it. sign in with google only if you want your chat history saved. why it's free: Arena is the crowdsourced eval platform (formerly LMArena, built at Berkeley). labs like Anthropic hand over their flagship models so 5M+ monthly users can stress-test them and vote. You get the model, they get the preference data. Fable 5.1 is currently #1 on Arena's WebDev leaderboard at 1,765 points, 77 ahead of second place. two things to know: → It's rate limited. a few messages per model, then a cooldown. There's no paid tier to remove it. → your prompts are shared with the provider and can be made public. don't paste anything private. use it to evaluate the model, not to run your business on it. follow for more useful tips and content about AI.

🚨 Claude Fable 5.1 launched earlier this week and you can use it right now for FREE. no subscription. no API key. no credit card. here's how: 1. go to 2. pen the model selector 3. pick claude-fable-5.1-high 4. start prompting that's it. sign in with google only if you want your chat history saved. why it's free: Arena is the crowdsourced eval platform (formerly LMArena, built at Berkeley). labs like Anthropic hand over their flagship models so 5M+ monthly users can stress-test them and vote. You get the model, they get the preference data. Fable 5.1 is currently #1 on Arena's WebDev leaderboard at 1,765 points, 77 ahead of second place. two things to know: → It's rate limited. a few messages per model, then a cooldown. There's no paid tier to remove it. → your prompts are shared with the provider and can be made public. don't paste anything private. use it to evaluate the model, not to run your business on it. follow for more useful tips and content about AI.

m0h

22,828 views • 1 month ago

MOST PEOPLE USING CLAUDE CODE ARE LEAVING 90% OF ITS DESIGN SKILLS ON THE TABLE Same Claude. Same model. Completely different results. Out of the box, Claude Code builds websites that look… fine. Clean. Functional. Forgettable. But give it the right web-design skills and suddenly it starts building pages that look like a $5,000 agency made them. And here’s the crazy part: Those skills are completely FREE. They’re sitting on GitHub right now, and almost nobody is using them. I found the exact setup that turns Claude Code from an average website builder into a serious design machine. The skills + workflow are in the article below. Once you install them, going back to default Claude feels broken.

MOST PEOPLE USING CLAUDE CODE ARE LEAVING 90% OF ITS DESIGN SKILLS ON THE TABLE Same Claude. Same model. Completely different results. Out of the box, Claude Code builds websites that look… fine. Clean. Functional. Forgettable. But give it the right web-design skills and suddenly it starts building pages that look like a $5,000 agency made them. And here’s the crazy part: Those skills are completely FREE. They’re sitting on GitHub right now, and almost nobody is using them. I found the exact setup that turns Claude Code from an average website builder into a serious design machine. The skills + workflow are in the article below. Once you install them, going back to default Claude feels broken.

Romario

65,986 views • 2 months ago

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

747,281 views • 1 year ago

Pokee Isaac now runs inside Claude Code. And you can use it a few different ways: have Claude call Isaac for complete one-shot generations, switch directly to Isaac as your model mid-session, or run the entire Claude Code session on Isaac. For the workflow shown below, Claude plans and verifies. Isaac generates the complete artifact in a single pass. Integration built and open-sourced by ⭕ AI & Design (Marco). Here's a quick how-to video in order to get started! You can access the repo at:

Pokee Isaac now runs inside Claude Code. And you can use it a few different ways: have Claude call Isaac for complete one-shot generations, switch directly to Isaac as your model mid-session, or run the entire Claude Code session on Isaac. For the workflow shown below, Claude plans and verifies. Isaac generates the complete artifact in a single pass. Integration built and open-sourced by ⭕ AI & Design (Marco). Here's a quick how-to video in order to get started! You can access the repo at:

Pokee AI

41,078 views • 1 month ago

NVIDIA just dropped free API keys for every top AI model You don't need your own GPU and you don't pay per token. GLM-5.2, MiniMax, Kimi, DeepSeek, OpenAI, all running on NVIDIA's servers, called through a normal API. Link: How to use one: 1. Create a free NVIDIA account. 2. Pick a Free Endpoint model and open its Build tab. You'll see ready-to-copy code with the base URL 3. Hit Generate API Key, copy it and paste that base URL and key into Claude Code, Cursor, or Cline. Bonus: NVIDIA also dropped 237 official skills that install into Claude Code and Codex in one command. Bookmark this.

NVIDIA just dropped free API keys for every top AI model You don't need your own GPU and you don't pay per token. GLM-5.2, MiniMax, Kimi, DeepSeek, OpenAI, all running on NVIDIA's servers, called through a normal API. Link: How to use one: 1. Create a free NVIDIA account. 2. Pick a Free Endpoint model and open its Build tab. You'll see ready-to-copy code with the base URL 3. Hit Generate API Key, copy it and paste that base URL and key into Claude Code, Cursor, or Cline. Bonus: NVIDIA also dropped 237 official skills that install into Claude Code and Codex in one command. Bookmark this.

Yarchi

64,348 views • 3 months ago

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 views • 3 months ago

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

61,608 views • 4 months ago

I’m thrilled to announce we’ve raised $44M to build a new home for product design. Meet Noon. No workflow is more broken and fragmented in 2026 than the product designers’. The very same people who care most about building software don’t have software purpose built for them. Kushagra Sinha and I have lived this problem first hand as designers ourselves. That’s why we built Noon. The first product design tool that works entirely on your product code, so you can design not only how a product looks, but also how it works. With AI at its core that works in seconds, not minutes. For the first time, you can create, iterate, build, test and ship. All in one canvas. No translations or roundtrips to the codebase and back. Comment “Get Noon” and we’ll get you on the list for early access.

I’m thrilled to announce we’ve raised $44M to build a new home for product design. Meet Noon. No workflow is more broken and fragmented in 2026 than the product designers’. The very same people who care most about building software don’t have software purpose built for them. Kushagra Sinha and I have lived this problem first hand as designers ourselves. That’s why we built Noon. The first product design tool that works entirely on your product code, so you can design not only how a product looks, but also how it works. With AI at its core that works in seconds, not minutes. For the first time, you can create, iterate, build, test and ship. All in one canvas. No translations or roundtrips to the codebase and back. Comment “Get Noon” and we’ll get you on the list for early access.

Aditya Bandi

687,281 views • 6 months ago

how to use for free. step by step. 1. open 2. hit Market in the nav bar. or click Explore Free Systems in the hero. or tap See the Build on any featured system. all three take you to the same place. 3. pick any system. you will see two options: > option A: get the files. full codebase, resources, customization guide, and a video walkthrough showing exactly how to set it up and use it. this is the paid route, everything in one place, nothing to figure out. > option B: get the prompt and doc. the exact prompt and documentation to replicate the system yourself. free. experiment with it, break it, rebuild it, make it yours. 4. there is also a free prompt skill attached to most systems. this gives you the style and structure so you can generate your own version of the website or workflow using any model you already have access to. 5. if you are a subscriber, you get the Start Build button. it connects directly to Claude and GPT so you can run the system inside motionwiki without switching tabs or copying prompts manually. 6. save any system to your library for later. come back to it when the project needs it. that is the full loop. find the system, get the prompt free, build it yourself, or get the full files if you want it done faster.

how to use for free. step by step. 1. open 2. hit Market in the nav bar. or click Explore Free Systems in the hero. or tap See the Build on any featured system. all three take you to the same place. 3. pick any system. you will see two options: > option A: get the files. full codebase, resources, customization guide, and a video walkthrough showing exactly how to set it up and use it. this is the paid route, everything in one place, nothing to figure out. > option B: get the prompt and doc. the exact prompt and documentation to replicate the system yourself. free. experiment with it, break it, rebuild it, make it yours. 4. there is also a free prompt skill attached to most systems. this gives you the style and structure so you can generate your own version of the website or workflow using any model you already have access to. 5. if you are a subscriber, you get the Start Build button. it connects directly to Claude and GPT so you can run the system inside motionwiki without switching tabs or copying prompts manually. 6. save any system to your library for later. come back to it when the project needs it. that is the full loop. find the system, get the prompt free, build it yourself, or get the full files if you want it done faster.

MotionViz

12,023 views • 2 months ago