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.

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.show more

Romario

2,027 subscribers

65,986 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

9 Comments

Daniel Jones1 month ago

gIt’s wild how much u can unlock with the right skills. Does anyone have tips on how to get the best results out of Claude? 🤔

Director M Hassan1 month ago

@Trapjedii

Dice Wizard1 month ago

It makes websites that look exactly like the next one. Not really that impressive

Block By Block Solutions1 month ago

Ai is making the gap between design skills and execution much smaller

Jeff Immer1 month ago

agencies charge 100k+ btw...

Ai Learner1 month ago

give me full workflow of creating this site

安叫兽|Bird🕊️ 🔶 BNB1 month ago

技能包不是魔法，最后还得靠人把审美关。

AI Mastery Guide1 month ago

That before and after difference is honestly huge

Saman Ahmed1 month ago

The difference between default output and a trained workflow is underrated.

Related Videos

Claude Code feels completely different once you install this. Anthropic quietly released an official plugin called claude-code-setup and it basically turns Claude Code from “pretty good” into an actual AI dev environment. It scans your project and recommends: → hooks → skills → MCP servers → subagents → automations Then sets everything up step-by-step for you. Most people are using Claude Code completely vanilla… which is why their experience feels messy. The real power comes from the ecosystem around it. Install: /plugin install claude-code-setup@claude-plugins-official Bookmark this before you forget it.

Claude Code feels completely different once you install this. Anthropic quietly released an official plugin called claude-code-setup and it basically turns Claude Code from “pretty good” into an actual AI dev environment. It scans your project and recommends: → hooks → skills → MCP servers → subagents → automations Then sets everything up step-by-step for you. Most people are using Claude Code completely vanilla… which is why their experience feels messy. The real power comes from the ecosystem around it. Install: /plugin install claude-code-setup@claude-plugins-official Bookmark this before you forget it.

Radha Tripathi

75,447 views • 4 months ago

MOST PEOPLE WHO BUILD WEBSITES USE CLAUDE THE WRONG WAY A few train it properly and get the bottom one. The difference is not the model. It is the skills you feed it. Regular Claude without design systems produces clean but average clinic pages. Same model loaded with the right skills starts delivering sites that look like they cost $8,000. Dark hero. Cracked tooth with gold seams. Cinematic team under soft light. Specialist selection that feels premium. Zero templates. Those skills are free right now. They live on GitHub. One trained workflow. Suddenly every dental brand page stops looking like a template and starts looking like money.

Romario

42,928 views • 1 month ago

MOST PEOPLE WHO BUILD WEBSITES USE CLAUDE THE WRONG WAY A few train it properly and get the bottom one. The difference is not the model. It is the skills you feed it. Regular Claude without design systems produces clean but average product pages. Same model loaded with the right skills starts delivering sites that look like they cost $7,000. Dark hero. Exploding double smash mid-air. Cheese stretch under red light. Floating fries and milkshake. Zero templates. Those skills are free right now. They live on GitHub. One trained workflow. Suddenly every burger brand page stops looking like a template and starts looking like money.

Romario

18,148 views • 1 month ago

🚨 ANTHROPIC QUIETLY DROPPED THEIR OWN OFFICIAL SKILLS REPO Everyone's chasing third-party Claude Code configs. Meanwhile Anthropic open-sourced their own, and it's already at 149,000 stars. These are skills: little folders that teach Claude how to do a specific job, the right way, every time. You install them once and Claude just knows how. What's in the box: > the actual docx, pdf, pptx and xlsx skills that power Claude's own file creation > skills for building and testing web apps > MCP server generation > creative ones for art, music and design > enterprise stuff like branding and comms People are paying for setups that try to copy this. The source is sitting on Anthropic's own GitHub for free. Repo: anthropics/skills Full breakdown in the article above

🚨 ANTHROPIC QUIETLY DROPPED THEIR OWN OFFICIAL SKILLS REPO Everyone's chasing third-party Claude Code configs. Meanwhile Anthropic open-sourced their own, and it's already at 149,000 stars. These are skills: little folders that teach Claude how to do a specific job, the right way, every time. You install them once and Claude just knows how. What's in the box: > the actual docx, pdf, pptx and xlsx skills that power Claude's own file creation > skills for building and testing web apps > MCP server generation > creative ones for art, music and design > enterprise stuff like branding and comms People are paying for setups that try to copy this. The source is sitting on Anthropic's own GitHub for free. Repo: anthropics/skills Full breakdown in the article above

Fokki

33,601 views • 2 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 • 2 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,781 views • 3 months 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 • 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

114,141 views • 3 months ago

Important new course: Agent Skills with Anthropic, built with Anthropic and taught by Elie Schoppik! Skills are constructed as folders of instructions that equip agents with on-demand knowledge and workflows. This short course teaches you how to create them following best practices. Because skills follow an open standard format, you can build them once and deploy across any skills-compatible agent, like Claude Code. What you'll learn: - Create custom skills for code generation and review, data analysis, and research - Build complex workflows using Anthropic's pre-built skills (Excel, PowerPoint, skill creation) and custom skills - Combine skills with MCP and subagents to create agentic systems with specialized knowledge - Deploy the same skills across Claude Code, the Claude API, and the Claude Agent SDK Join and learn to equip agents with the specialized knowledge they need for reliable, repeatable workflows.

Important new course: Agent Skills with Anthropic, built with Anthropic and taught by Elie Schoppik! Skills are constructed as folders of instructions that equip agents with on-demand knowledge and workflows. This short course teaches you how to create them following best practices. Because skills follow an open standard format, you can build them once and deploy across any skills-compatible agent, like Claude Code. What you'll learn: - Create custom skills for code generation and review, data analysis, and research - Build complex workflows using Anthropic's pre-built skills (Excel, PowerPoint, skill creation) and custom skills - Combine skills with MCP and subagents to create agentic systems with specialized knowledge - Deploy the same skills across Claude Code, the Claude API, and the Claude Agent SDK Join and learn to equip agents with the specialized knowledge they need for reliable, repeatable workflows.

Andrew Ng

889,989 views • 7 months ago

Turns out teaching the AI Coding Agents what's your preferred way of implementation(a.k.a Claude Skills) gives much better results. 😇 Took all the guidelines from my "Spring Application Architecture Design Patterns" samples and created file and asked Claude to generate a new application. Claude followed most of those patterns as expected 😍 Earlier I used to Vibe Code and then spend some time unvibing(cleaning up) the generated code. With these Skills given to Claude, now I no need to spend too much time for cleaning up the code. 🚀

Turns out teaching the AI Coding Agents what's your preferred way of implementation(a.k.a Claude Skills) gives much better results. 😇 Took all the guidelines from my "Spring Application Architecture Design Patterns" samples and created file and asked Claude to generate a new application. Claude followed most of those patterns as expected 😍 Earlier I used to Vibe Code and then spend some time unvibing(cleaning up) the generated code. With these Skills given to Claude, now I no need to spend too much time for cleaning up the code. 🚀

Siva

113,687 views • 8 months ago

The founder of Claude Code (@ bcherny) made a thread last week going over 10 ways he and his team use Claude Code (Opus 4.5) to its maximum potential This 10 minute video is all the information you need to max out your Claude Code skills straight from the team who made it.

The founder of Claude Code (@ bcherny) made a thread last week going over 10 ways he and his team use Claude Code (Opus 4.5) to its maximum potential This 10 minute video is all the information you need to max out your Claude Code skills straight from the team who made it.

ashen

62,522 views • 7 months ago

CLAUDE DESIGN SKILLS CAN TURN A $20 PLAN INTO A JUNIOR DESIGN SYSTEM ASSISTANT A blank prompt makes Claude judge design like a generalist, one screen at a time, with too much room for random taste and vague feedback Design Skills give it a repeatable way to look at interface work: spacing, hierarchy, contrast, component consistency, states, layout rhythm, and the small visual rules that make a product feel finished That is where it becomes useful for a designer, it can review a rough screen, catch what feels off, suggest a cleaner structure, keep repeated components aligned, and explain the changes in a way that feels closer to a design lead than a prompt response The value is not that Claude becomes "creative" and the value is that its judgment becomes repeatable, so the same design standards can be applied across every screen instead of being rebuilt from scratch in every chat Check the full article about cowork and skills below

CLAUDE DESIGN SKILLS CAN TURN A $20 PLAN INTO A JUNIOR DESIGN SYSTEM ASSISTANT A blank prompt makes Claude judge design like a generalist, one screen at a time, with too much room for random taste and vague feedback Design Skills give it a repeatable way to look at interface work: spacing, hierarchy, contrast, component consistency, states, layout rhythm, and the small visual rules that make a product feel finished That is where it becomes useful for a designer, it can review a rough screen, catch what feels off, suggest a cleaner structure, keep repeated components aligned, and explain the changes in a way that feels closer to a design lead than a prompt response The value is not that Claude becomes "creative" and the value is that its judgment becomes repeatable, so the same design standards can be applied across every screen instead of being rebuilt from scratch in every chat Check the full article about cowork and skills below

Penguin

10,349 views • 3 months ago

Boris Cherny: "Claude Code is 100% written by Claude Code, Cowork is 100% written by Claude Code" across all of Anthropic, 90% of code is written by Claude lawyers, designers, finance people are building real things with Claude Code right now with no CS degree, no background, nothing the people who built the tool use the tool to build the tool think about what that means for everyone else the guide on everything Claude can actually do is in the article below

Boris Cherny: "Claude Code is 100% written by Claude Code, Cowork is 100% written by Claude Code" across all of Anthropic, 90% of code is written by Claude lawyers, designers, finance people are building real things with Claude Code right now with no CS degree, no background, nothing the people who built the tool use the tool to build the tool think about what that means for everyone else the guide on everything Claude can actually do is in the article below

Anatoli Kopadze

90,364 views • 4 months ago

5 GitHub repos with ⭐50K+ combined stars that show how far people are pushing Claude Code beyond a single coding agent 1) instructkr/claude-code 2.3K⭐ -> a research snapshot of Claude Code’s source with the internals exposed for inspection. [ ] 2) codeaashu/claude-code 3.2K⭐ -> another reconstructed Claude Code codebase built for studying how the agent works under the hood, including tools, prompts, MCP. [ ] 3) Donchitos/Claude-Code-Game-Studios 20K+⭐ -> turns one Claude Code session into a game development studio with 49 specialized agents, 73 skills, 12 hooks, 11 rules and 41 templates. [ ] 4) VoltAgent/awesome-claude-code-subagents 24K+⭐ -> 154 specialized Claude Code subagents split across 10 categories. [ ] 5) tanbiralam/claude-code 2.2K⭐ -> a research-oriented Claude Code source reconstruction for inspecting the terminal agent architecture, plugins, tools and internal implementation. [ ] Save these if you want to understand what people are actually building around Claude Code instead of just using the default CLI.

5 GitHub repos with ⭐50K+ combined stars that show how far people are pushing Claude Code beyond a single coding agent 1) instructkr/claude-code 2.3K⭐ -> a research snapshot of Claude Code’s source with the internals exposed for inspection. [ ] 2) codeaashu/claude-code 3.2K⭐ -> another reconstructed Claude Code codebase built for studying how the agent works under the hood, including tools, prompts, MCP. [ ] 3) Donchitos/Claude-Code-Game-Studios 20K+⭐ -> turns one Claude Code session into a game development studio with 49 specialized agents, 73 skills, 12 hooks, 11 rules and 41 templates. [ ] 4) VoltAgent/awesome-claude-code-subagents 24K+⭐ -> 154 specialized Claude Code subagents split across 10 categories. [ ] 5) tanbiralam/claude-code 2.2K⭐ -> a research-oriented Claude Code source reconstruction for inspecting the terminal agent architecture, plugins, tools and internal implementation. [ ] Save these if you want to understand what people are actually building around Claude Code instead of just using the default CLI.

Lummox

12,775 views • 1 month ago

Claude Code is CRACKED at design now and I don't think people understand how BIG this is. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)

Claude Code is CRACKED at design now and I don't think people understand how BIG this is. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)

Prajwal Tomar

106,397 views • 2 months ago

Jenny Wen, head of design for Claude at Anthropic: "the design process is dead." what replaces it runs on machine-readable design systems In a 1-hour conversation, Jenny Wen breaks down why the discovery -> mock -> iterate loop is dying and what designers do instead. design system -> Claude Code -> every screen fixed at once, not one at a time i rebuilt the same 10-screen dashboard twice: ~6 hours of restyling by hand vs ~40 minutes when the fix lived in the system. how to build that system and hand it to Claude Code is in the article below.

Jenny Wen, head of design for Claude at Anthropic: "the design process is dead." what replaces it runs on machine-readable design systems In a 1-hour conversation, Jenny Wen breaks down why the discovery -> mock -> iterate loop is dying and what designers do instead. design system -> Claude Code -> every screen fixed at once, not one at a time i rebuilt the same 10-screen dashboard twice: ~6 hours of restyling by hand vs ~40 minutes when the fix lived in the system. how to build that system and hand it to Claude Code is in the article below.

Mnimiy

180,843 views • 3 months ago

99% of AI engineers still don't know about Claude skills. Andrew Ng just dropped a 2 hour course with Anthropic on building AI agentic skills from scratch. • 00:00 - build agentic skills with Claude • 22:29 - Claude pre-built skills • 41:04 - skills vs MCP and subagents • 1:06:03 - skills for long running agents • 1:51:59 - live demo to build agentic skills Prompting is dead. Claude skills is how top engineers build AI agents now. I watched it last night. Halfway through, I realized I have been using Claude completely wrong for years. Bookmark this and read the article below.

99% of AI engineers still don't know about Claude skills. Andrew Ng just dropped a 2 hour course with Anthropic on building AI agentic skills from scratch. • 00:00 - build agentic skills with Claude • 22:29 - Claude pre-built skills • 41:04 - skills vs MCP and subagents • 1:06:03 - skills for long running agents • 1:51:59 - live demo to build agentic skills Prompting is dead. Claude skills is how top engineers build AI agents now. I watched it last night. Halfway through, I realized I have been using Claude completely wrong for years. Bookmark this and read the article below.

Roan

22,509 views • 1 month 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 • 5 months ago

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Daniel San

20,460 views • 8 months ago