Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 👉

ethanjohnweber's profile picture

Ethan Weber

1,790 subscribers

186,862 görüntüleme • 4 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

215,134 görüntüleme • 2 ay önce

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

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

175,019 görüntüleme • 1 ay önce

Claude code + Skills >>>> Claude code We created a skill that, - Makes Claude Code read your past conversations - Understands what code issues you struggled at - Generates a detailed report on Slack Works with Rube Here's the link to the Skill:
0:51

Claude code + Skills >>>> Claude code We created a skill that, - Makes Claude Code read your past conversations - Understands what code issues you struggled at - Generates a detailed report on Slack Works with Rube Here's the link to the Skill:

Karan Vaidya

39,199 görüntüleme • 8 ay önce

I built a retailer map maker skill with Claude Cowork. Subject property. Branded logos of every nearby tenant. Clean satellite view. First map looked great. Except some of the logos were stacked on top of each other. So instead of asking Claude to fix that one map, I asked it to fix the skill: "Bake in an edit mode. I want to drag logos around. Resize them individually. Highlight the ones that matter." It did. Now every map the skill generates comes with: Click-to-edit mode Draggable, individually sized logos Bulk resize to clean up clutter in a single action No design software. No re-prompting. No back-and-forth for every map. Here's where we are with AI now: You aren't just generating outputs. You're upgrading the tool that generates them. In plain English. In the same conversation. Full Claude CoWork tutorial & the downloadable skill at
1:17

I built a retailer map maker skill with Claude Cowork. Subject property. Branded logos of every nearby tenant. Clean satellite view. First map looked great. Except some of the logos were stacked on top of each other. So instead of asking Claude to fix that one map, I asked it to fix the skill: "Bake in an edit mode. I want to drag logos around. Resize them individually. Highlight the ones that matter." It did. Now every map the skill generates comes with: Click-to-edit mode Draggable, individually sized logos Bulk resize to clean up clutter in a single action No design software. No re-prompting. No back-and-forth for every map. Here's where we are with AI now: You aren't just generating outputs. You're upgrading the tool that generates them. In plain English. In the same conversation. Full Claude CoWork tutorial & the downloadable skill at

Topher Stephenson | CRE AI, Ops, Marketing

24,542 görüntüleme • 3 ay önce

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 görüntüleme • 9 ay önce

I built a Claude Code skill that allows it to generate a deep research report over any collection of complex docs (PDFs, Word, Pptx)….and generate word-level citations and bounding boxes directly back to the source! 📝 Check out “/research-docs”. 1. It parses out text and bounding boxes from every doc with liteparse, in seconds. 2. It then generates a full HTML report of the outputs that let you see word-level citations in each page. Raw Claude obviously has deep research capabilities, but it lacks an audit trail back to the source. This skill gives you a researched report that can be audited by others. Check it out: LiteParse:
1:13

I built a Claude Code skill that allows it to generate a deep research report over any collection of complex docs (PDFs, Word, Pptx)….and generate word-level citations and bounding boxes directly back to the source! 📝 Check out “/research-docs”. 1. It parses out text and bounding boxes from every doc with liteparse, in seconds. 2. It then generates a full HTML report of the outputs that let you see word-level citations in each page. Raw Claude obviously has deep research capabilities, but it lacks an audit trail back to the source. This skill gives you a researched report that can be audited by others. Check it out: LiteParse:

Jerry Liu

77,259 görüntüleme • 3 ay önce

🚨 Someone just built a Claude Code skill that clones any website perfectly in one prompt. It uses the built-in Chrome MCP to go straight to the source. It pulls the exact fonts, colors, and layout directly from the browser. 100% Open Source.
1:14

🚨 Someone just built a Claude Code skill that clones any website perfectly in one prompt. It uses the built-in Chrome MCP to go straight to the source. It pulls the exact fonts, colors, and layout directly from the browser. 100% Open Source.

Oliver Prompts

473,522 görüntüleme • 3 ay önce

I sat down with matt van horn (Matt Van Horn) and watched him turn claude code into a real-time research engine with his /last30days claude code skill he "fixes" claude code in 30 seconds. this skill pulls what’s actually working right now from x, reddit, and the web, then feeds that context straight into your prompts so you stop building off stale advice. we went from trending rap songs → cold email frameworks → researching clawdbot → planning and building a competitor live, with almost zero hand-written code. pretty nifty little claude code skill share this with a friend / full ep available on The Startup Ideas Podcast (SIP) 🧃 where i will give you ideas/tools/tutorials to make your dreams a reality i will not hold back any alpha and this claude skill is alpha forsure you can install this claude code skill in 30 seconds dream big my friends
25:21

I sat down with matt van horn (Matt Van Horn) and watched him turn claude code into a real-time research engine with his /last30days claude code skill he "fixes" claude code in 30 seconds. this skill pulls what’s actually working right now from x, reddit, and the web, then feeds that context straight into your prompts so you stop building off stale advice. we went from trending rap songs → cold email frameworks → researching clawdbot → planning and building a competitor live, with almost zero hand-written code. pretty nifty little claude code skill share this with a friend / full ep available on The Startup Ideas Podcast (SIP) 🧃 where i will give you ideas/tools/tutorials to make your dreams a reality i will not hold back any alpha and this claude skill is alpha forsure you can install this claude code skill in 30 seconds dream big my friends

GREG ISENBERG

176,239 görüntüleme • 5 ay önce

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 görüntüleme • 4 ay önce

Someone just shipped a Claude Code skill that uses Cloudflare’s new /crawl endpoint to scrape entire docs sites in one command. In the demo, it pulled 29 pages from the Claude docs in a single shot.
0:27

Someone just shipped a Claude Code skill that uses Cloudflare’s new /crawl endpoint to scrape entire docs sites in one command. In the demo, it pulled 29 pages from the Claude docs in a single shot.

0xMarioNawfal

110,590 görüntüleme • 4 ay önce

You can just tell Claude Code to learn skills and it will. I asked Claude to create an app that uses tldraw and it one shotted it with sqlite db, and then I asked Claude Code to create a skill so that it could read and write on the canvas. 10 minutes later it could do it. Weirrrrdddd times.
0:25

You can just tell Claude Code to learn skills and it will. I asked Claude to create an app that uses tldraw and it one shotted it with sqlite db, and then I asked Claude Code to create a skill so that it could read and write on the canvas. 10 minutes later it could do it. Weirrrrdddd times.

Riley Brown

73,418 görüntüleme • 7 ay önce

The HeyGen avatar skill is available for Claude Code now. I was playing around with Remotion + HeyGen to make a talking video. It works great! Here’s how you can do it: - Install the remotion skill - Install the heygen avatar skill: npx add-skill heygen-com/skills - Set up your HEYGEN_API_KEY (we offer free API credits if you have a HeyGen account) - Start prompting Check out the example video made with HeyGen + Remotion + Claude Code.
0:35

The HeyGen avatar skill is available for Claude Code now. I was playing around with Remotion + HeyGen to make a talking video. It works great! Here’s how you can do it: - Install the remotion skill - Install the heygen avatar skill: npx add-skill heygen-com/skills - Set up your HEYGEN_API_KEY (we offer free API credits if you have a HeyGen account) - Start prompting Check out the example video made with HeyGen + Remotion + Claude Code.

Joshua Xu

146,903 görüntüleme • 6 ay önce

I created a complete walkthrough of my Frontend Slides skill (22k+ stars on GitHub): - Complete demo of how to create beautiful HTML slides with Claude Code (beginner friendly) - How I created the skill - How you can create your own skill - Tips like how to insert images/videos into deck, how to publish - Lessons I learned (11-min video, YouTube link below)
11:05

I created a complete walkthrough of my Frontend Slides skill (22k+ stars on GitHub): - Complete demo of how to create beautiful HTML slides with Claude Code (beginner friendly) - How I created the skill - How you can create your own skill - Tips like how to insert images/videos into deck, how to publish - Lessons I learned (11-min video, YouTube link below)

Zara Zhang

149,895 görüntüleme • 1 ay önce

ANTHROPIC JUST CHANGED THE ENTIRE AI-SLOP FRONTEND. it's called frontend design. the official anthropic skill for claude code. 161,000+ stars. every ai-built website used to look the same. inter font, purple gradient, generic startup layout. this forces claude to pick an aesthetic direction before touching a single line of code. → brutalist, editorial, retro-futurist, luxury, maximalist → outputs html, css, js, react, or vue, production-ready → works in claude code, cursor, codex, gemini cli, opencode, and 15+ harnesses one install. available across every session. 277,000+ installs. 100% free.
0:20

ANTHROPIC JUST CHANGED THE ENTIRE AI-SLOP FRONTEND. it's called frontend design. the official anthropic skill for claude code. 161,000+ stars. every ai-built website used to look the same. inter font, purple gradient, generic startup layout. this forces claude to pick an aesthetic direction before touching a single line of code. → brutalist, editorial, retro-futurist, luxury, maximalist → outputs html, css, js, react, or vue, production-ready → works in claude code, cursor, codex, gemini cli, opencode, and 15+ harnesses one install. available across every session. 277,000+ installs. 100% free.

Oliver Prompts

76,427 görüntüleme • 5 gün önce

I created a skill that improves the quality of goal runs for both Codex and Claude Code: It's called the Goal Ledger, and lets agents track the progress of their goal in a HTML file that you can view. Minimal, yet VERY powerful for long running goal runs! Git Link Below 👇🔗
4:27

I created a skill that improves the quality of goal runs for both Codex and Claude Code: It's called the Goal Ledger, and lets agents track the progress of their goal in a HTML file that you can view. Minimal, yet VERY powerful for long running goal runs! Git Link Below 👇🔗

BOOTOSHI 👑

14,766 görüntüleme • 2 ay önce

I made a Claude Code skill that turns any arxiv paper into working code. Every line traces back to the paper section it came from & any implementation detail the paper skips will be flagged, and not assumed. open sourcing it -
0:49

I made a Claude Code skill that turns any arxiv paper into working code. Every line traces back to the paper section it came from & any implementation detail the paper skips will be flagged, and not assumed. open sourcing it -

pdawg

206,973 görüntüleme • 3 ay önce

Claude Opus 5 made this beautiful painterly world in a single HTML file, everything made procedurally It implemented a realistic grass and wind field simulation so that the millions of grass blades on-screen react to the wind
1:10

Claude Opus 5 made this beautiful painterly world in a single HTML file, everything made procedurally It implemented a realistic grass and wind field simulation so that the millions of grass blades on-screen react to the wind

Lentils

253,700 görüntüleme • 1 gün önce

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

239,612 görüntüleme • 19 gün önce

How to make Claude Code 10x better: Connect it with a tool that reviews your code and generates prompts for Claude to fix any issues with it automatically. Here is what this looks like:
3:38

How to make Claude Code 10x better: Connect it with a tool that reviews your code and generates prompts for Claude to fix any issues with it automatically. Here is what this looks like:

Santiago

98,993 görüntüleme • 10 ay önce

Everyone is talking about Claude Design… but I keep going back to Gemini. Gemini 3.1 Pro is seriously impressive when it comes to motion design. I actually want to try Claude Design, but after only two prompts, I was already running out of credits. If you care about anti AI slop, Gemini is still winning. With a single prompt, it can transform a static HTML layout into dynamic, polished motion graphics.
0:40

Everyone is talking about Claude Design… but I keep going back to Gemini. Gemini 3.1 Pro is seriously impressive when it comes to motion design. I actually want to try Claude Design, but after only two prompts, I was already running out of credits. If you care about anti AI slop, Gemini is still winning. With a single prompt, it can transform a static HTML layout into dynamic, polished motion graphics.

FHILY👑

25,019 görüntüleme • 1 ay önce