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.

My favorite Claude design hack right now: Create a prototype.md skill. Instead of one-shotting UI, I have Claude generate 5 variations for every feature in a single HTML file, side-by-side. I pick the winner. Claude builds it.

Brett

169,162 subscribers

175,853 views • 2 months ago •via X (Twitter)

Arts Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

I made a Claude Code skill that generates conference posters 🛠️ Instead of a static PDF, it outputs a single HTML file — drag to resize columns, swap sections, adjust fonts, then give your layout back to Claude. 🔁 🔗 Skill 👉

I made a Claude Code skill that generates conference posters 🛠️ Instead of a static PDF, it outputs a single HTML file — drag to resize columns, swap sections, adjust fonts, then give your layout back to Claude. 🔁 🔗 Skill 👉

Ethan Weber

187,107 views • 4 months ago

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

215,430 views • 2 months ago

here's a side by side comparison of a ray-tracing simulator by gpt-5 and claude 4.1 (opus) gpt-5 one-shotted this. claude genuinely blew me away with how badly it failed (and you all know how much i like claude)

here's a side by side comparison of a ray-tracing simulator by gpt-5 and claude 4.1 (opus) gpt-5 one-shotted this. claude genuinely blew me away with how badly it failed (and you all know how much i like claude)

Riley Coyote

42,687 views • 1 year ago

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 views • 6 months ago

ONE VIETNAMESE GUY FOUND THE PART OF CLAUDE MOST PEOPLE STILL HAVEN'T TOUCHED Everyone is still typing prompts. He is installing skills. Marketing skill -> copy + emails SEO skill -> website checklist Design skill -> UI that doesn't look AI-generated Dev skill -> planning, debugging, shipping Remotion skill -> video by code PowerPoint skill -> notes into decks Old Claude: ask question -> get answer -> repeat tomorrow Skilled Claude: install workflow -> Claude remembers the process -> runs it again People aren't ahead because they have a better model. They stopped using Claude like a chat box.

ONE VIETNAMESE GUY FOUND THE PART OF CLAUDE MOST PEOPLE STILL HAVEN'T TOUCHED Everyone is still typing prompts. He is installing skills. Marketing skill -> copy + emails SEO skill -> website checklist Design skill -> UI that doesn't look AI-generated Dev skill -> planning, debugging, shipping Remotion skill -> video by code PowerPoint skill -> notes into decks Old Claude: ask question -> get answer -> repeat tomorrow Skilled Claude: install workflow -> Claude remembers the process -> runs it again People aren't ahead because they have a better model. They stopped using Claude like a chat box.

0xTria

12,604 views • 1 month ago

Introducing iMessage video ads in Claude We taught Claude to make iMessage video ads in one shot with a single skill. These iMessage ads are absolutely killing it on Meta right now. The skill teaches Claude to make a full video ad in one shot with iPhone frame, SFX, music, and end card. And it's just HTML. It doesn't use any video generation models, so it's cheap! Comment Goose below and I'll send you the skill.

Introducing iMessage video ads in Claude We taught Claude to make iMessage video ads in one shot with a single skill. These iMessage ads are absolutely killing it on Meta right now. The skill teaches Claude to make a full video ad in one shot with iPhone frame, SFX, music, and end card. And it's just HTML. It doesn't use any video generation models, so it's cheap! Comment Goose below and I'll send you the skill.

Shiv

241,531 views • 1 month ago

This is the best new feature Claude has launched in 2026. "Teach Claude a Skill" lets AI agents watch your desktop in real time and create reusable Claude Skills. I've been using it non-stop; here's my full guide:

This is the best new feature Claude has launched in 2026. "Teach Claude a Skill" lets AI agents watch your desktop in real time and create reusable Claude Skills. I've been using it non-stop; here's my full guide:

Miles Deutscher

44,595 views • 18 days ago

I'm SO impressed by Claude Skills. They are the best way to package custom instructions (and code) for the agent to access. (I prefer this to Claude Code's subagents because of the way it handles context) I used the skill-creator skill (comes default inside Claude) to create a skill for designing a presentation like Steve Jobs or Seth Godin, then used that skill to create a PPT about Claude Code. Below is a walkthrough of the results. The output when using the above mentioned skill vs when i don't is so clear. I'm bullish on what this implies for both Claude web and Claude Code. Extremely powerful. Anthropic cooked! 🔥

I'm SO impressed by Claude Skills. They are the best way to package custom instructions (and code) for the agent to access. (I prefer this to Claude Code's subagents because of the way it handles context) I used the skill-creator skill (comes default inside Claude) to create a skill for designing a presentation like Steve Jobs or Seth Godin, then used that skill to create a PPT about Claude Code. Below is a walkthrough of the results. The output when using the above mentioned skill vs when i don't is so clear. I'm bullish on what this implies for both Claude web and Claude Code. Extremely powerful. Anthropic cooked! 🔥

Nityesh

62,918 views • 9 months ago

Anthropic finally published the prompting playbook for every Claude model. > Prompting Claude Sonnet 5. > Prompting Claude Opus 4.8. > Prompting Claude Opus 5. > Prompting Claude Fable 5. After reading it, one thing is clear. Almost nobody is getting the most out of Claude. It shows exactly how each model should be prompted instead of relying on guesswork. If Claude is in your workflow, bookmark this.

Anthropic finally published the prompting playbook for every Claude model. > Prompting Claude Sonnet 5. > Prompting Claude Opus 4.8. > Prompting Claude Opus 5. > Prompting Claude Fable 5. After reading it, one thing is clear. Almost nobody is getting the most out of Claude. It shows exactly how each model should be prompted instead of relying on guesswork. If Claude is in your workflow, bookmark this.

shmidt

119,698 views • 7 days ago

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Riley Brown

86,707 views • 3 months ago

I built a Claude skill that helps you review a report as an analyst. Now, it thinks like a senior analyst for you. The readme file will explain how to use it as a skill on Claude or Copilot or Chatgpt Use & let me how it works. My gift to U

I built a Claude skill that helps you review a report as an analyst. Now, it thinks like a senior analyst for you. The readme file will explain how to use it as a skill on Claude or Copilot or Chatgpt Use & let me how it works. My gift to U

David Abu _

41,659 views • 5 months ago

I forked Claude's pptx skill to make Claude Code generate gorgeous presentations Claude can generate presentations using the pptx skill from Anthropic but its output can be quite bland. Especially if you're used to the high aesthetic standards of Every 📧. So I played around with the pptx skill, iterated it, built a design system, gave it image assets, gave it access to run nano-banana using api and added custom commands. End result? An every-pptx plugin! It takes you from an idea in your head → creating a file for the plan → preparing image assets using gemini nano banana → constructing the final ppt. All happening 100% inside Claude desktop app! s/o Anthony Morris ツ Now our team can use claude code to generate full-blown presentations, in the ~Every 📧 aesthetic. Check out the walkthrough below to see how it works.

I forked Claude's pptx skill to make Claude Code generate gorgeous presentations Claude can generate presentations using the pptx skill from Anthropic but its output can be quite bland. Especially if you're used to the high aesthetic standards of Every 📧. So I played around with the pptx skill, iterated it, built a design system, gave it image assets, gave it access to run nano-banana using api and added custom commands. End result? An every-pptx plugin! It takes you from an idea in your head → creating a file for the plan → preparing image assets using gemini nano banana → constructing the final ppt. All happening 100% inside Claude desktop app! s/o Anthony Morris ツ Now our team can use claude code to generate full-blown presentations, in the ~Every 📧 aesthetic. Check out the walkthrough below to see how it works.

Nityesh

74,969 views • 6 months ago

I gave Claude a skill to generate AI UGC, then asked it to create an influencer to explain what Skills are Here's the result:

I gave Claude a skill to generate AI UGC, then asked it to create an influencer to explain what Skills are Here's the result:

Miguel | AP

20,451 views • 7 months ago

This is so cool. Generate sleek architecture diagrams for any GitHub repo or local project in seconds. It’s a single Markdown skill file that you can import and use right away in Claude.

This is so cool. Generate sleek architecture diagrams for any GitHub repo or local project in seconds. It’s a single Markdown skill file that you can import and use right away in Claude.

AlphaSignal AI

83,617 views • 3 months ago

I built a wrapper around Claude Code and Codex that uses my subscription! Works on mobile and web🔥 - Work on multiple projet in one UI - Create worktree - Spawn Docker container for maximum isolation - Schedule Claude/Codex session It uses the CLI

I built a wrapper around Claude Code and Codex that uses my subscription! Works on mobile and web🔥 - Work on multiple projet in one UI - Create worktree - Spawn Docker container for maximum isolation - Schedule Claude/Codex session It uses the CLI

Stan Girard

25,808 views • 5 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

113,663 views • 1 month ago

Claude Sonnet 4.5 is here and I got to try it early. It has best-in-class capabilities for coding, file creation, and more. I especially love the "Imagine with Claude" feature that lets you create fun apps on the fly. For example, I asked it to "Show me the desktop of a bad PM (left) and a great PM (right)." Here's a video of what it came up with 😀

Claude Sonnet 4.5 is here and I got to try it early. It has best-in-class capabilities for coding, file creation, and more. I especially love the "Imagine with Claude" feature that lets you create fun apps on the fly. For example, I asked it to "Show me the desktop of a bad PM (left) and a great PM (right)." Here's a video of what it came up with 😀

Peter Yang

74,479 views • 10 months ago

Creator and head of Claude Code: "100% of my code is written by Claude Code. I have not edited a single line by hand since November. Every day I ship 10, 20, 30 PRs… I have five agents running while we’re recording this."

Creator and head of Claude Code: "100% of my code is written by Claude Code. I have not edited a single line by hand since November. Every day I ship 10, 20, 30 PRs… I have five agents running while we’re recording this."

shirish

346,559 views • 4 months ago

CLAUDE TURNED $800 INTO $14,600 ON POLYMARKET BY NEVER PICKING A SIDE. Instead of predicting the winner, it just kept collecting the spread and going silent when smart money showed up.

CLAUDE TURNED $800 INTO $14,600 ON POLYMARKET BY NEVER PICKING A SIDE. Instead of predicting the winner, it just kept collecting the spread and going silent when smart money showed up.

0xMarioNawfal

56,187 views • 4 months ago

After 500+ Hours Inside Claude, Here Are My Top 12 Features I live in Claude to run my businesses and my YouTube channel. So I ranked every feature by one thing only: how much it actually changes my day to day.

After 500+ Hours Inside Claude, Here Are My Top 12 Features I live in Claude to run my businesses and my YouTube channel. So I ranked every feature by one thing only: how much it actually changes my day to day.

Nate Herk

22,250 views • 2 months ago