Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."

trq212's profile picture

Thariq

369,828 subscribers

497,432 görüntüleme • 11 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.
0:17

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.

James McDonald

35,605 görüntüleme • 8 ay önce

You can customize Claude's output style in the Claude Code desktop app. Get Claude to be more concise or follow a certain format you like. What's your favourite output style?
0:19

You can customize Claude's output style in the Claude Code desktop app. Get Claude to be more concise or follow a certain format you like. What's your favourite output style?

Anthony Morris ツ

74,137 görüntüleme • 1 ay önce

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

59,559 görüntüleme • 5 ay önce

It's kinda crazy that you can just use multitask design mode to make a bunch of frontend UI changes, then ask for a shared link canvas with a recap of the changes in like 5 min
0:19

It's kinda crazy that you can just use multitask design mode to make a bunch of frontend UI changes, then ask for a shared link canvas with a recap of the changes in like 5 min

John Bai

95,463 görüntüleme • 4 ay önce

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

79,115 görüntüleme • 7 ay önce

I asked Claude Code to make a motion design video about Uneed, "like it's your showreel for a résumé" Every frame is drawn in code (no After Effects, no template), and even the music is synthesized from scratch Here's the result 👇
0:15

I asked Claude Code to make a motion design video about Uneed, "like it's your showreel for a résumé" Every frame is drawn in code (no After Effects, no template), and even the music is synthesized from scratch Here's the result 👇

Thomas Sanlis 🥐

12,755 görüntüleme • 27 gün önce

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

293,131 görüntüleme • 6 ay önce

Who said web design is over? Framer VS Claude On Claude's part, the result was a design riddled with tasteless flaws. On the Framer side, the result is clear. A tasteful design, completely designed and developed in 12 hours.
0:19

Who said web design is over? Framer VS Claude On Claude's part, the result was a design riddled with tasteless flaws. On the Framer side, the result is clear. A tasteful design, completely designed and developed in 12 hours.

Faruk Yurtseven - Designer

58,073 görüntüleme • 5 ay önce

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

Impeccable 3 natively supports crafting new design with diffusion (e.g. GPT Image 2) in harnesses that support it (e.g. Codex, Gemini w/ nano banana plugin). Impeccable now uses the best mode of operation for net-new vs iterative design: 1) completely new design: diffusion-first, then build w/ best practices for brand or product design (new in 3.0) 2) iterative design (additions/changes): design-system first, discovers your components, reads DESIGN/PRODUCT.md, goes to work. new live mode (new in 3.0) makes it extra convenient. Here's a tutorial documenting the whole workflow (incl. how I made the demo site in the video):
0:16

Impeccable 3 natively supports crafting new design with diffusion (e.g. GPT Image 2) in harnesses that support it (e.g. Codex, Gemini w/ nano banana plugin). Impeccable now uses the best mode of operation for net-new vs iterative design: 1) completely new design: diffusion-first, then build w/ best practices for brand or product design (new in 3.0) 2) iterative design (additions/changes): design-system first, discovers your components, reads DESIGN/PRODUCT.md, goes to work. new live mode (new in 3.0) makes it extra convenient. Here's a tutorial documenting the whole workflow (incl. how I made the demo site in the video):

Paul Bakaus

38,319 görüntüleme • 5 ay önce

🚨 BREAKING: Claude can now turn your Figma file into a live app. Vibe code from any Figma design...
0:16

🚨 BREAKING: Claude can now turn your Figma file into a live app. Vibe code from any Figma design...

Daniel Ch

157,538 görüntüleme • 6 ay önce

Go from design to Compose UI code with Gemini! ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studio
0:16

Go from design to Compose UI code with Gemini! ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studio

Android Developers

14,158 görüntüleme • 1 yıl önce

Your logo 🤝 Your app clip code I’ve started working on a new feature for App Clipped that lets you turn your logo or app icon into an App Clip Code-style design 🤩
0:16

Your logo 🤝 Your app clip code I’ve started working on a new feature for App Clipped that lets you turn your logo or app icon into an App Clip Code-style design 🤩

Matt Heaney

120,941 görüntüleme • 1 yıl önce

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.
0:10

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.

Hassan

28,328 görüntüleme • 1 ay önce

I’ve never really done any frontend coding, other than my own static webpage. But with Claude Code (Opus 4.6), I built this in 20 minutes using the pretty awesome Pretext to make images flow perfectly around text. Call me a frontend engineer now.
0:10

I’ve never really done any frontend coding, other than my own static webpage. But with Claude Code (Opus 4.6), I built this in 20 minutes using the pretty awesome Pretext to make images flow perfectly around text. Call me a frontend engineer now.

Yuchen Jin

85,333 görüntüleme • 6 ay önce

Frontend developers - today’s #CleanShotTip is for you! Have you ever coded something that almost matched the design? 👀 With CleanShot, you can compare design with live website in seconds! 🔎 Just pin your screenshot, adjust opacity, and compare until it’s perfect! 👌
0:17

Frontend developers - today’s #CleanShotTip is for you! Have you ever coded something that almost matched the design? 👀 With CleanShot, you can compare design with live website in seconds! 🔎 Just pin your screenshot, adjust opacity, and compare until it’s perfect! 👌

CleanShot

15,937 görüntüleme • 11 ay önce

A big skill upgrade to text-to-lottie Better design taste, better motion, fewer random design decisions, fewer refinements Generate polished Lottie animations with Claude Code, Codex or Cursor Try it: $ npx skills add diffusionstudio/lottie
0:18

A big skill upgrade to text-to-lottie Better design taste, better motion, fewer random design decisions, fewer refinements Generate polished Lottie animations with Claude Code, Codex or Cursor Try it: $ npx skills add diffusionstudio/lottie

Doruk

133,240 görüntüleme • 3 ay önce

Looking for a new full time challenge as a frontend dev., UI Designer ✨ DM's are open for more information (sharing appreciated 🫶)
0:15

Looking for a new full time challenge as a frontend dev., UI Designer ✨ DM's are open for more information (sharing appreciated 🫶)

Aaron Iker ✨

60,498 görüntüleme • 10 ay önce

> use Claude Code for 3 months > "why is Claude getting dumber?" > context at 98% > claude is drowning in old conversations > type /clear > output quality doubles instantly > “damn there is claude commands?” > skill issue discovered
0:14

> use Claude Code for 3 months > "why is Claude getting dumber?" > context at 98% > claude is drowning in old conversations > type /clear > output quality doubles instantly > “damn there is claude commands?” > skill issue discovered

darkzodchi

1,386,072 görüntüleme • 6 ay önce

Do you use our Build iOS Apps plugin for Codex? I use it often to build new apps and help me on various iOS projects. It also comes with a skill to open server-sim right into the app in the app browser! Probably the feature I use the most!
0:10

Do you use our Build iOS Apps plugin for Codex? I use it often to build new apps and help me on various iOS projects. It also comes with a skill to open server-sim right into the app in the app browser! Probably the feature I use the most!

Thomas Ricouard

31,609 görüntüleme • 2 ay önce