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.

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

Daniel San

32,997 subscribers

86,767 views • 3 days ago •via X (Twitter)

Arts Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

SOMEONE BUILT A PERSONAL AI DASHBOARD WITH CLAUDE DESIGN AND OPUS 4.7 AND IT FEELS LIKE A PERSONAL OS

SOMEONE BUILT A PERSONAL AI DASHBOARD WITH CLAUDE DESIGN AND OPUS 4.7 AND IT FEELS LIKE A PERSONAL OS

leopardracer

316,028 views • 2 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)

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

55,576 views • 1 month ago

Claude Code + Meta Ads CLI is f*cking wild 🤯 I just replaced 80% of my Meta Ads reporting workflow inside Claude Code. All without logging into Ads Manager. Perfect for DTC brands and creative agencies who are sick of logging into Ads Manager, exporting CSVs, and rebuilding the same dashboards every Monday. This setup eliminates the entire loop: → Plug Meta's official Ads CLI into Claude Code → Type one sentence describing the report you want → Claude pulls the data, builds the artifact, and saves it to your folder → HTML dashboards, comparison tables, written briefs → Run it weekly, monthly, anytime a client asks for something custom No CSV exports. No Looker setup. No copy-pasting numbers into decks. What you get: → A live dashboard with KPI cards, top 10 ad set ranking, daily spend chart, and sortable table — built in 90 seconds → Week-over-week comparison reports with CTR drops and CPC spikes flagged automatically → Creative fatigue audits that flag dying ads before CPAs blow up → One-page executive briefs with winners, losers, action items, and recommendations → Anomaly reports that surface every metric deviation over 25% Built 100% in Claude Code with the official Meta CLI. No third-party connector means no ban risk. I put together the complete playbook with the 15-minute setup and a step-by-step Loom video showing you the full install. Want it for free? > Like this post > Comment "META" And I'll send it over (must be following so I can DM)

Claude Code + Meta Ads CLI is f*cking wild 🤯 I just replaced 80% of my Meta Ads reporting workflow inside Claude Code. All without logging into Ads Manager. Perfect for DTC brands and creative agencies who are sick of logging into Ads Manager, exporting CSVs, and rebuilding the same dashboards every Monday. This setup eliminates the entire loop: → Plug Meta's official Ads CLI into Claude Code → Type one sentence describing the report you want → Claude pulls the data, builds the artifact, and saves it to your folder → HTML dashboards, comparison tables, written briefs → Run it weekly, monthly, anytime a client asks for something custom No CSV exports. No Looker setup. No copy-pasting numbers into decks. What you get: → A live dashboard with KPI cards, top 10 ad set ranking, daily spend chart, and sortable table — built in 90 seconds → Week-over-week comparison reports with CTR drops and CPC spikes flagged automatically → Creative fatigue audits that flag dying ads before CPAs blow up → One-page executive briefs with winners, losers, action items, and recommendations → Anomaly reports that surface every metric deviation over 25% Built 100% in Claude Code with the official Meta CLI. No third-party connector means no ban risk. I put together the complete playbook with the 15-minute setup and a step-by-step Loom video showing you the full install. Want it for free? > Like this post > Comment "META" And I'll send it over (must be following so I can DM)

Mike Futia

23,523 views • 1 month 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)

Mike Futia

125,440 views • 3 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.

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,532,415 views • 1 month 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!

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,144 views • 3 months ago

Built this with the new shadcn CLI MCP + Namespaced registry and Claude Code in around 5 minutes

Built this with the new shadcn CLI MCP + Namespaced registry and Claude Code in around 5 minutes

Manu Arora

30,417 views • 10 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:

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

286,380 views • 3 months ago

I just built a Claude Cowork skill that turns your Google Ads data into a visual performance dashboard in 60 seconds 🤯 One prompt → campaign breakdowns, CPA trends, spend vs conversions charts, and hourly conversion patterns, all rendered as an interactive HTML dashboard you open in Chrome. All inside Claude Cowork. Perfect for DTC brands and agencies who are pulling Google Ads data into spreadsheets every week, manually building charts, and spending an hour formatting a report that's outdated by the time you send it. If you're managing Google Ads and your weekly reporting workflow looks like this — export a CSV, open Google Sheets, build a pivot table, copy the numbers into a slide deck, manually create charts, format everything, realize you forgot a campaign, start over ... This skill does the whole thing in one prompt: → Connects to your live Google Ads data via MCP → Pulls spend, conversions, CPA, ROAS, CTR across every campaign → Builds an interactive HTML dashboard → Summary cards at the top: total spend, total conversions, avg CPA, avg ROAS → Bar chart comparing spend vs conversions by campaign → CPA trend line over the last 30 days → Campaign table ranked by performance, color-coded green/yellow/red → Opens in Chrome: hover over charts, compare campaigns, screenshot for your team No spreadsheets. No manual chart building. No hour-long formatting sessions. What you get: → A visual dashboard from live data in under 60 seconds → Campaign performance you can actually see, not just read in a table → CPA trends that show you where things are heading, not just where they are → A dashboard you can screenshot and drop into Slack, a client report, or a team standup → Reusable — run it weekly and the data updates automatically One prompt. Live data. A finished dashboard you open in your browser. I put together a playbook with the full skill file, the setup, and the exact prompts to customize the dashboard for your account. Want it for free? > Like this post > Comment "DASH" And I'll send it over (must be following so I can DM)

I just built a Claude Cowork skill that turns your Google Ads data into a visual performance dashboard in 60 seconds 🤯 One prompt → campaign breakdowns, CPA trends, spend vs conversions charts, and hourly conversion patterns, all rendered as an interactive HTML dashboard you open in Chrome. All inside Claude Cowork. Perfect for DTC brands and agencies who are pulling Google Ads data into spreadsheets every week, manually building charts, and spending an hour formatting a report that's outdated by the time you send it. If you're managing Google Ads and your weekly reporting workflow looks like this — export a CSV, open Google Sheets, build a pivot table, copy the numbers into a slide deck, manually create charts, format everything, realize you forgot a campaign, start over ... This skill does the whole thing in one prompt: → Connects to your live Google Ads data via MCP → Pulls spend, conversions, CPA, ROAS, CTR across every campaign → Builds an interactive HTML dashboard → Summary cards at the top: total spend, total conversions, avg CPA, avg ROAS → Bar chart comparing spend vs conversions by campaign → CPA trend line over the last 30 days → Campaign table ranked by performance, color-coded green/yellow/red → Opens in Chrome: hover over charts, compare campaigns, screenshot for your team No spreadsheets. No manual chart building. No hour-long formatting sessions. What you get: → A visual dashboard from live data in under 60 seconds → Campaign performance you can actually see, not just read in a table → CPA trends that show you where things are heading, not just where they are → A dashboard you can screenshot and drop into Slack, a client report, or a team standup → Reusable — run it weekly and the data updates automatically One prompt. Live data. A finished dashboard you open in your browser. I put together a playbook with the full skill file, the setup, and the exact prompts to customize the dashboard for your account. Want it for free? > Like this post > Comment "DASH" And I'll send it over (must be following so I can DM)

Mike Futia

38,732 views • 3 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.

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

312,880 views • 2 months ago

The claude code Convex plugin is now live. Install the convex plugin via Claude CLI and just say "build with convex"

The claude code Convex plugin is now live. Install the convex plugin via Claude CLI and just say "build with convex"

Wayne Sutton

18,703 views • 1 month ago

Data heavy product design dashboard in motion Claude can't do this

Data heavy product design dashboard in motion Claude can't do this

Tanjim | AI Product Designer

138,211 views • 4 months ago

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

Lance Martin

14,835 views • 2 months ago

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

Ridark

19,477 views • 20 days ago

Claude Code can now connect to remote MCP servers. Pull context from your tools directly into Claude Code with no local setup required.

Claude Code can now connect to remote MCP servers. Pull context from your tools directly into Claude Code with no local setup required.

Anthropic

540,378 views • 1 year ago

Exploring a little effort with claude and this what it generates. No design tool used, no code harm, just few lines of prompt and here the result

Exploring a little effort with claude and this what it generates. No design tool used, no code harm, just few lines of prompt and here the result

Basit A. Khan

78,272 views • 2 months ago

Claude, teach me to chart like someone who spent 8 years in school and 300k on a fancy degree to present data. Do it in one conversation. Make no mistakes.

Claude, teach me to chart like someone who spent 8 years in school and 300k on a fancy degree to present data. Do it in one conversation. Make no mistakes.

klöss

342,917 views • 3 months ago

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)

Mike Futia

42,247 views • 24 days ago

A CHINESE GUY STOPPED PAYING WEB DESIGNERS $1,800 PER LANDING PAGE AND BUILT THE SAME KIND OF SITE WITH CLAUDE CODE IN ONE AFTERNOON FOR LESS THAN $70 claude was not just writing code. it was doing the job of a designer, copywriter and frontend dev in one window. in 4 hours, one rough idea turned into the layout, color system, font choices, page sections and the full html/css/js build the real trick was the references. he gave claude 5 screenshots, made it ask 7 questions first, then pushed it toward one clear visual direction instead of accepting another generic ai-looking template the first version already looked solid. the second pass made it feel expensive: better typography, a darker palette, mobile cleanup, cursor effects, 6 micro-interactions and custom hero visuals his old workflow was burning $1,200 on design, $500 on frontend work and another $150 on small fixes every time he needed a new page. now the whole test costs less than $70 and the site still looks like something a $5,000 agency would ship the edge is not “ai builds websites.” the edge is that one person can now brief, critique, polish and launch in one afternoon without waiting 10 days for a designer to send version one

A CHINESE GUY STOPPED PAYING WEB DESIGNERS $1,800 PER LANDING PAGE AND BUILT THE SAME KIND OF SITE WITH CLAUDE CODE IN ONE AFTERNOON FOR LESS THAN $70 claude was not just writing code. it was doing the job of a designer, copywriter and frontend dev in one window. in 4 hours, one rough idea turned into the layout, color system, font choices, page sections and the full html/css/js build the real trick was the references. he gave claude 5 screenshots, made it ask 7 questions first, then pushed it toward one clear visual direction instead of accepting another generic ai-looking template the first version already looked solid. the second pass made it feel expensive: better typography, a darker palette, mobile cleanup, cursor effects, 6 micro-interactions and custom hero visuals his old workflow was burning $1,200 on design, $500 on frontend work and another $150 on small fixes every time he needed a new page. now the whole test costs less than $70 and the site still looks like something a $5,000 agency would ship the edge is not “ai builds websites.” the edge is that one person can now brief, critique, polish and launch in one afternoon without waiting 10 days for a designer to send version one

Gipp 🦅

293,272 views • 1 month ago

Announcing Bespoke-MiniChart-7B, a new SOTA in chart understanding for models of comparable size on seven benchmarks, on par with Gemini-1.5-Pro and Claude-3.5! 🚀 Beyond its real-world applications, chart understanding is a good challenging problem for VLMs, since it requires both mathematical as well as visual reasoning. 1/n🧵

Announcing Bespoke-MiniChart-7B, a new SOTA in chart understanding for models of comparable size on seven benchmarks, on par with Gemini-1.5-Pro and Claude-3.5! 🚀 Beyond its real-world applications, chart understanding is a good challenging problem for VLMs, since it requires both mathematical as well as visual reasoning. 1/n🧵

Bespoke Labs

19,871 views • 1 year ago