Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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.

BrettFromDJ's profile picture

Brett

168,745 subscribers

173,959 Aufrufe • vor 1 Monat •via X (Twitter)

KunstBildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 👉
0:34

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

186,801 Aufrufe • vor 4 Monaten

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.
0:55

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

214,959 Aufrufe • vor 1 Monat

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)
1:42

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 Aufrufe • vor 11 Monaten

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. 🔗
0:21

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 Aufrufe • vor 6 Monaten

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.
1:42

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 Aufrufe • vor 1 Monat

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.
0:26

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

236,144 Aufrufe • vor 10 Tagen

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! 🔥
10:57

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 Aufrufe • vor 9 Monaten

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)
2:12

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 Aufrufe • vor 3 Monaten

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
3:45

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 _

38,839 Aufrufe • vor 4 Monaten

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:
0:30

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 Aufrufe • vor 6 Monaten

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.
0:36

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 Aufrufe • vor 3 Monaten

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.
11:49

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,943 Aufrufe • vor 6 Monaten

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.
12:14

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,417 Aufrufe • vor 1 Monat

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
0:58

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 Aufrufe • vor 5 Monaten

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."
0:32

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,547 Aufrufe • vor 3 Monaten

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 😀
0:47

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 Aufrufe • vor 9 Monaten

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.
0:35

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 Aufrufe • vor 3 Monaten

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.
1:08

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 Aufrufe • vor 1 Monat

i just built a claude skill that lets you create AI PAPER animations. it takes 1 min to setup and you can generate a full video in literally 5 mins. like + reply "PAPER"
1:11

i just built a claude skill that lets you create AI PAPER animations. it takes 1 min to setup and you can generate a full video in literally 5 mins. like + reply "PAPER"

0x ROAS

70,519 Aufrufe • vor 20 Tagen

The future of coding may resemble Midjourney more than ChatGPT. Consider experimenting by having Cline spawn parallel Claude Code subagents to create prototype variations. "build 5 versions so I can choose my favorite."
0:58

The future of coding may resemble Midjourney more than ChatGPT. Consider experimenting by having Cline spawn parallel Claude Code subagents to create prototype variations. "build 5 versions so I can choose my favorite."

Cline

45,792 Aufrufe • vor 1 Jahr