Loading video...

Video Failed to Load

Go Home

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.

adocomplete's profile picture

Ado

34,116 subscribers

26,791 views • 4 days ago •via X (Twitter)

ArtsScience & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Claude Code v2.1.198 ships a new built-in skill: /dataviz It loads chart and dashboard design guidance directly into context: chart type selection, layout rules, and visual hierarchy for data-heavy UIs It also includes a runnable color-palette validator, so Claude can check contrast and accessibility programmatically instead of guessing No install needed, it comes with the CLI 👇
0:19

Claude Code v2.1.198 ships a new built-in skill: /dataviz It loads chart and dashboard design guidance directly into context: chart type selection, layout rules, and visual hierarchy for data-heavy UIs It also includes a runnable color-palette validator, so Claude can check contrast and accessibility programmatically instead of guessing No install needed, it comes with the CLI 👇

Daniel San

88,420 views • 2 months ago

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!
0:18

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!

Daniel San

271,496 views • 5 months ago

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)
0:17

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

58,624 views • 3 months ago

A SINGLE CLAUDE SKILL JUST HIT 58,000 STARS IN ONE WEEK ON GITHUB. 58,000 stars. 2.9k forks. free. Bookmark this before you forget. Your Claude will start working differently. It makes Claude think like the laziest senior dev on the team. 54% less code. 20% cheaper. 27% faster. swap it into your Claude Code today. Link below. Claude → Ponytail → Less Code → Lower Cost → Money
0:17

A SINGLE CLAUDE SKILL JUST HIT 58,000 STARS IN ONE WEEK ON GITHUB. 58,000 stars. 2.9k forks. free. Bookmark this before you forget. Your Claude will start working differently. It makes Claude think like the laziest senior dev on the team. 54% less code. 20% cheaper. 27% faster. swap it into your Claude Code today. Link below. Claude → Ponytail → Less Code → Lower Cost → Money

Kirill

4,178,741 views • 2 months ago

Preview in Claude Code on desktop makes it easy to give Claude context. You can attach DOM elements or use the pencil tool to draw directly on your UI!
0:16

Preview in Claude Code on desktop makes it easy to give Claude context. You can attach DOM elements or use the pencil tool to draw directly on your UI!

Anthony Morris ツ

51,317 views • 4 months ago

Claude Code Desktop now opens a new window for each session This makes it much easier to visualize multiple Claude Code agents running in parallel My current stack depends on the task: - Ghostty: when starting a project. Bash commands, git, env variables, provider connections. All manual through the terminal with a Claude panel running alongside. - Claude Code Desktop: once everything is configured. GitHub connected, CLAUDE.md, Skills, subagents and Hooks ready. Claude Code runs on its own, no more terminal setup, just panels running and outputs to review. - VSCode: when I need to review code by hand. I use it less and less, but there are moments where I have to confirm Claude got it right. I usually open the Claude extension inside VSCode, but it lacks most of the CLI features so it's limited Solid update. Worth trying once your workflows are already set up 👇
0:16

Claude Code Desktop now opens a new window for each session This makes it much easier to visualize multiple Claude Code agents running in parallel My current stack depends on the task: - Ghostty: when starting a project. Bash commands, git, env variables, provider connections. All manual through the terminal with a Claude panel running alongside. - Claude Code Desktop: once everything is configured. GitHub connected, CLAUDE.md, Skills, subagents and Hooks ready. Claude Code runs on its own, no more terminal setup, just panels running and outputs to review. - VSCode: when I need to review code by hand. I use it less and less, but there are moments where I have to confirm Claude got it right. I usually open the Claude extension inside VSCode, but it lacks most of the CLI features so it's limited Solid update. Worth trying once your workflows are already set up 👇

Daniel San

38,806 views • 3 months ago

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)
0:18

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

ashen

368,626 views • 4 months ago

Claude Mobile starts the idea... Ghostty finishes it I basically use Claude Mobile as a notepad now. Whenever something comes to mind, I open the app, pick a repo, and ask Claude to start exploring. Then I just let it run while I go on with my day. Later I jump into Claude Desktop and I’m right back in the same session, with context, structure, and a clearer shape of the idea. I tweak a few things to set up the coding phase. Finally, one click to Ghostty (video), open a couple of worktrees, and start working on the PR. IMPORTANT: when you move to Ghostty, it must be the exact same repo you started on mobile, otherwise the --teleport command will fail
0:15

Claude Mobile starts the idea... Ghostty finishes it I basically use Claude Mobile as a notepad now. Whenever something comes to mind, I open the app, pick a repo, and ask Claude to start exploring. Then I just let it run while I go on with my day. Later I jump into Claude Desktop and I’m right back in the same session, with context, structure, and a clearer shape of the idea. I tweak a few things to set up the coding phase. Finally, one click to Ghostty (video), open a couple of worktrees, and start working on the PR. IMPORTANT: when you move to Ghostty, it must be the exact same repo you started on mobile, otherwise the --teleport command will fail

Daniel San

67,891 views • 6 months ago

I've spent weeks turning ui-craft from a Claude-only skill into a real system — and today v1 ships. 🚀 It now has its own installer. One command and your AI agent — Claude Code, Cursor, Codex, Gemini, OpenCode — designs with actual taste. brew install --cask educlopez/tap/ui-craft 🧵 what's new
0:17

I've spent weeks turning ui-craft from a Claude-only skill into a real system — and today v1 ships. 🚀 It now has its own installer. One command and your AI agent — Claude Code, Cursor, Codex, Gemini, OpenCode — designs with actual taste. brew install --cask educlopez/tap/ui-craft 🧵 what's new

Edu Calvo

28,360 views • 2 months ago

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇
0:15

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇

Daniel San

78,993 views • 5 months ago

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free
0:19

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free

Doruk

14,966 views • 2 months ago

made a nothing design skill for claude code. tell it "nothing style" and it builds the whole thing. tokens, components, dark+light. go grab it, it’s open source:
0:15

made a nothing design skill for claude code. tell it "nothing style" and it builds the whole thing. tokens, components, dark+light. go grab it, it’s open source:

Dom

290,291 views • 5 months ago

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

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.

Suryansh Tiwari

1,546,806 views • 3 months ago

Claude can now write and run code. We've added a new analysis tool. The tool helps Claude respond with mathematically precise and reproducible answers. You can then create interactive data visualizations with Artifacts. Enable the feature preview:
0:19

Claude can now write and run code. We've added a new analysis tool. The tool helps Claude respond with mathematically precise and reproducible answers. You can then create interactive data visualizations with Artifacts. Enable the feature preview:

Anthropic

792,861 views • 1 year ago

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)
0:14

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)

Mike Futia

126,271 views • 5 months ago

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.
0:14

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.

ClaudeDevs

313,866 views • 4 months ago

The founder of Obsidian dropped his own Claude skills it going viral on github (45k stars). For Claude becomes part of your second brain. Built for real Markdown, wikilinks, Bases & Canvas everything -
0:14

The founder of Obsidian dropped his own Claude skills it going viral on github (45k stars). For Claude becomes part of your second brain. Built for real Markdown, wikilinks, Bases & Canvas everything -

Md Ismail Šojal 🕷️

11,107 views • 22 days ago

To make it easier to migrate your workflows, we've updated the claude-api skill in Claude Code with Opus 4.7 support. Just say "migrate to Opus 4.7" and it updates model names, prompts, and effort settings for you.
0:11

To make it easier to migrate your workflows, we've updated the claude-api skill in Claude Code with Opus 4.7 support. Just say "migrate to Opus 4.7" and it updates model names, prompts, and effort settings for you.

ClaudeDevs

362,429 views • 4 months ago

Everyone is talking about Claude. Almost no one is using it properly. I built a library of 700+ proven prompts. For: – Content creation – Business growth – Deep research – Automation Turn Claude into your unfair advantage. Want it? Like & Comment “Claude” I’ll send it to you.
0:18

Everyone is talking about Claude. Almost no one is using it properly. I built a library of 700+ proven prompts. For: – Content creation – Business growth – Deep research – Automation Turn Claude into your unfair advantage. Want it? Like & Comment “Claude” I’ll send it to you.

NadzAI

18,813 views • 5 months ago

Introducing Exa for Claude: Give Claude access to billions of websites, docs, papers, people, companies, and more. Exa turns Claude into a recruiter, a salesperson, a researcher, a reliable engineer, all with one plugin. Run in terminal: claude plugin marketplace update claude-plugins-official && claude plugin i exa@claude-plugins-official && claude "call mcp__plugin_exa_exa__authenticate (a deferred tool available to you, guaranteed)"
0:18

Introducing Exa for Claude: Give Claude access to billions of websites, docs, papers, people, companies, and more. Exa turns Claude into a recruiter, a salesperson, a researcher, a reliable engineer, all with one plugin. Run in terminal: claude plugin marketplace update claude-plugins-official && claude plugin i exa@claude-plugins-official && claude "call mcp__plugin_exa_exa__authenticate (a deferred tool available to you, guaranteed)"

Exa

421,427 views • 4 months ago