Загрузка видео...

Не удалось загрузить видео

На главную

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,008 subscribers

167,940 просмотров • 15 дней назад •via X (Twitter)

ИскусствоОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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,381 просмотров • 3 месяцев назад

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

213,997 просмотров • 28 дней назад

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 просмотров • 10 месяцев назад

Claude Code can now COPY the UI of your favorite websites. Introducing the AIDesigner MCP v2 update! point Claude at any website to extract every media asset, branding, and design system to: > create a perfect CLONE of any website > create a new design INSPIRED by any website > ENHANCE an existing website, giving it a complete UI makeover Compatible with Claude Code, Codex, Cursor, Copilot, and Windsurf
0:55

Claude Code can now COPY the UI of your favorite websites. Introducing the AIDesigner MCP v2 update! point Claude at any website to extract every media asset, branding, and design system to: > create a perfect CLONE of any website > create a new design INSPIRED by any website > ENHANCE an existing website, giving it a complete UI makeover Compatible with Claude Code, Codex, Cursor, Copilot, and Windsurf

FHILY👑

108,410 просмотров • 1 месяц назад

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread
0:40

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread

HeyGen

574,528 просмотров • 1 месяц назад

Claude Code can now design stunning interfaces 🤯 There’s a free GitHub skill called UI UX Pro Max that upgrades Claude Code into a full UI and UX expert. Install it once and Claude suddenly builds cleaner layouts, better apps, and interfaces that actually look professional. Your AI can now code and design like a pro. 🚀
0:26

Claude Code can now design stunning interfaces 🤯 There’s a free GitHub skill called UI UX Pro Max that upgrades Claude Code into a full UI and UX expert. Install it once and Claude suddenly builds cleaner layouts, better apps, and interfaces that actually look professional. Your AI can now code and design like a pro. 🚀

Julian Goldie SEO

76,422 просмотров • 2 месяцев назад

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 просмотров • 5 месяцев назад

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.
1:02

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.

Meng To

87,796 просмотров • 2 месяцев назад

We've added new features to the Anthropic Console. Claude can generate prompts, create test variables, and show you the outputs of prompts side by side.
3:19

We've added new features to the Anthropic Console. Claude can generate prompts, create test variables, and show you the outputs of prompts side by side.

Anthropic

221,610 просмотров • 1 год назад

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,554 просмотров • 9 дней назад

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 просмотров • 8 месяцев назад

We've redesigned Claude Code on desktop. You can now run multiple Claude sessions side by side from one window, with a new sidebar to manage them all.
0:37

We've redesigned Claude Code on desktop. You can now run multiple Claude sessions side by side from one window, with a new sidebar to manage them all.

Claude

6,157,465 просмотров • 2 месяцев назад

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,540 просмотров • 2 месяцев назад

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 просмотров • 5 месяцев назад

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 _

37,678 просмотров • 3 месяцев назад

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,908 просмотров • 5 месяцев назад

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 просмотров • 2 месяцев назад

Claude app nailed my resizing test. I can run it side by side with YouTube. I hope Codex app can do the same. Thomas Ricouard
0:26

Claude app nailed my resizing test. I can run it side by side with YouTube. I hope Codex app can do the same. Thomas Ricouard

Lex Tang

45,482 просмотров • 2 месяцев назад

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 просмотров • 4 месяцев назад

Breaking🚨: Claude can now build full ad workflows for you. connect claude to crafft drop your character + product in chat claude builds the workflow, writes the prompt, runs Seedance 2 no time limit. no scene pre-gen. one ref = infinite ads. RT + comment "skill" and I'll send the file
0:32

Breaking🚨: Claude can now build full ad workflows for you. connect claude to crafft drop your character + product in chat claude builds the workflow, writes the prompt, runs Seedance 2 no time limit. no scene pre-gen. one ref = infinite ads. RT + comment "skill" and I'll send the file

Ahmad

10,240 просмотров • 1 месяц назад