Built and published the fictional design agency archive from... day 12 using Claude Code + Figma MCP. Claude got the project surprisingly close very quickly, but the final polish still came down to human direction, especially around motion, depth, blur, and interaction feel. Live link in thread.show more

Emisho
23,589 görüntüleme • 3 ay önce
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.show more

Suryansh Tiwari
1,544,427 görüntüleme • 2 ay önce
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.show more

Ridark
19,477 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)show more

Mike Futia
57,779 görüntüleme • 2 ay önce
Claude vs Codex Day 4 of vibe-designing. Super happy... with what I got from Claude and Codex. I wanted both to follow the same direction, but I got slightly different results, and I’m honestly happy with both. Which one would you pick?show more

Masum
78,965 görüntüleme • 4 ay önce
Day 140 of vibe-coding as a designer. I'm shocked... how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.show more

Felix Lee
43,796 görüntüleme • 4 ay önce
Since day 1, Claude Code CLI has been fully... supported in Superconductor, with built in multiplexing, session resume, splits, notifications, and the performance you expect from being 100% rust. Hope Anthropic changes course, but don’t let the policy change slow you down :)show more

super.engineering
48,553 görüntüleme • 2 ay önce
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 freeshow more

Doruk
14,744 görüntüleme • 2 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)show more

Mike Futia
125,923 görüntüleme • 4 ay önce
Claude Code + Higgsfield MCP is f*cking cracked 🤯... I built an entire DTC ad campaign inside Claude Code using the new Higgsfield MCP. One product URL → hero static, animated hero shot, 2 UGC clips with a creator wearing the product. 5 assets. One Claude conversation. 3 Higgsfield models. All inside Claude Code. Perfect for DTC brands and agencies who need full campaign packages without booking a shoot or briefing a designer. If you're spending hours every week generating statics in one tool, briefing a motion designer for the hero clip, then chasing a UGC creator for the talking-head shots — this MCP eliminates the entire pipeline: → Drop a product URL into Claude Code → Claude pulls the brand brief — voice, hero SKUs, visual style, target customer → Generates the hero static with ChatGPT Images 2.0 → Animates it into a 5-second cinematic opener with Seedance 2.0 → Generates a UGC creator with GPT Image 2 → Drops her in the product and generates 2 native UGC video clips with Seedance 2.0 No tab-switching between tools. No copy-pasting prompts between platforms. No briefing 3 different vendors for one campaign. What you get: → A complete campaign package — static, animation, UGC — from one product URL → Brand-specific outputs that pull from a real brief, not generic AI slop → Claude making creative decisions between every step (which variation wins, which creator fits the persona, which clip needs a re-spin) → A repeatable pipeline you can run for any product in your catalog Built 100% in Claude Code with the Higgsfield MCP. I recorded a full walkthrough showing exactly how this works: the MCP setup, every prompt, every model, the full campaign output. Want the full video walkthrough? > Like this post > Comment "MCP" And I'll send it over (must be following so I can DM)show more

Mike Futia
29,579 görüntüleme • 3 ay önce
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)show more

Mike Futia
42,932 görüntüleme • 2 ay önce
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 👇show more

Daniel San
38,726 görüntüleme • 2 ay önce
FABLE 5 + HIGGSFIELD JUST KILLED THE $35,000 WEB... AGENCY. The same animated website that used to cost between $6,000 and $35,000 can now be built in a single session for around $12 in AI credits. Claude Code handles the website. Higgsfield creates the visuals. Together, they can build a complete scroll-driven website from a simple prompt. Claude writes the layout, GSAP ScrollTrigger animations, Lenis smooth scrolling, responsive pages, and checks everything before you ship. Higgsfield generates the hero videos, cinematic transitions, ambient loops, thumbnails, and every visual asset you need. By the end of one session, you have a fully animated website with cinematic motion, smooth scrolling, optimized assets, responsive layouts, and polished visual effects like film grain, particles, vignette, glass cards, and color tints. Getting started only takes a few minutes. Add Higgsfield as an MCP server inside Claude Code, complete the OAuth login once, and Claude can generate and pull videos directly into your project without manually exporting anything. The prompts are simple. Give Claude your project brief and ask it to script the entire scroll experience. Tell it to generate a hero video and supporting clips for every section. Ask it to add the finishing touches like film grain, particles, glass cards, and scroll pacing. Then let it review the site, improve loading speed, fix mobile layouts, and rewrite anything that doesn’t work. This replaces work that usually looks like this: A $6,000-$35,000 web agency. An $800-$2,000 motion designer. A $2,000-$10,000 front-end developer. And weeks of back-and-forth before launch. Now it’s Fable 5, Higgsfield, a subscription, a few dollars in AI credits, and one session. The pipeline used to be the advantage. Now it’s just a prompt. Full breakdown in the article below.show more

MIKE
140,288 görüntüleme • 1 ay önce
ReViV reconstructs viewer-centric human motion (body, hand, and gaze)... and view-centric scene geometry (camera and depth) from a single egocentric RGB video in a unified feed-forward model. It formulates the task as learning the full joint probability distribution over multimodal signals, including RGB video, camera trajectory, gaze direction, full-body motion, hand motion, and depth. Powered by a Masked Generative Egocentric Transformer, ReViV operates within a single feed-forward architecture to simultaneously reconstruct the temporally consistent 4D reconstruction across the viewer and the view with fast inference speed. Paper Title: ReViV: Reconstructing the Viewer and the View in 4D from Monocular Project: Link:show more

AI Bites | YouTube Channel
18,590 görüntüleme • 18 gün önce
Claude Code Scheduled Tasks is now available... here's a... solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runsshow more

Daniel San
91,123 görüntüleme • 5 ay önce
one of my favorite ways to use claude code... skills right now - combining remotion with claude-in-chrome for motion video creation. the workflow is addictive. the clip you see here was produced with minimal prompting effort let me know if you would like me to write a full break down of this process. you describe to claude code what you want, claude code writes the remotion components, opens the remotion studio (via browser) with claude-in-chrome, sees the actual rendered output, and iterates on it in real time. need the arrows pointing to the center of the bubbles instead of the edge? just say it. need the layout shifted to the center? say it. claude sees the preview, adjusts the code, re-renders. then when you're happy you tell claude code to render the final video. but skills are what make this possible. remotion knowledge + browser automation + the taste to iterate visually. no copy pasting screenshots back and forth. no "can you try moving it 10px to the right" over chat. it just looks and fixes. this is the kind of workflow that makes you realize how much further claude code can go beyond just writing code in a terminal. i didn't touch any code while working on the clip you see if you haven't tried combining skills together like this - start experimenting. the skills combos is where the magic is at.show more

elvis
46,494 görüntüleme • 6 ay önce
our design intern Caleb Wu is cracked 💥 never... shipped a PR in his life, but came to Ando and in week 1: > has done 12 PRs > set up claude design skills for the whole team > is 10xing our onboarding flow, preview belowshow more

Sara Du
87,269 görüntüleme • 2 ay önce
FABLE 5 + HIGGSFIELD CAN BUILD A $35,000 ANIMATED... WEBSITE. IN ONE AGENTIC SESSION. FOR ~$12 IN CREDITS. stop paying a web studio $6,000-$35,000. stop wiring GSAP, Lenis, and frame extraction by hand. Claude Code writes it. Higgsfield renders it. WHAT THE BUILD PRODUCES: → a fully animated, scroll-driven site → cinematic motion clips from 30+ generative models → GSAP ScrollTrigger timelines - zero hand-coded keyframes → Lenis smooth-scroll, tuned pacing → automated frame extraction + asset optimization → six cinematic effects baked in: film grain, particles, vignette, glass cards, color tints, scroll pacing → responsive layout + copy THE STACK: → Claude Code - concept, scaffolding, scroll code, QA → Higgsfield (MCP) - hero clips, transitions, ambient loops, thumbnails → GSAP + Lenis - the motion layer, written for you CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. done. now Claude can generate and pull clips directly - no manual exporting. WHAT TO PROMPT: concept + scroll: "read this brief, script the scroll - what the visitor feels at second 3, 15, 40. scaffold the site with GSAP ScrollTrigger + Lenis." motion assets: "generate the hero sting and one b-roll clip per section from the story. 3–5s, high-res." polish pass: "bake in film grain, particles, vignette, glass cards, color tints, scroll pacing. no config." QA: "check load speed, mobile breakpoints, and whether the scroll actually lands. rewrite whatever doesn't." WHAT THIS REPLACES: → web studio build: $6,000-$35,000+ → motion artist: $800-2,000/project → front-end dev: $2,000-10,000/project → weeks of handoffs: gone Fable 5 + Higgsfield: a subscription + a few dollars of credits. one session. SETUP IN 10 MINUTES: - install Claude Code - add the Higgsfield MCP + authenticate - drop your brief + references - let it scaffold, generate, and animate in one pass - preview, send fixes in plain English, ship the pipeline was the moat. it just became a prompt. Follow me, comment "WEB" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇show more

ZEUS⚡️
562,257 görüntüleme • 1 ay önce
a trader made $650,000 using Claude on Polymarket. after... the setup, he was completely hands-off and just gave the AI access to his PC. 23,000+ predictions, all 5 and 15-min BTC. 59% win rate, profit = $650k in a month and a half. his profile: he was afk since Jan 9th, but after yesterday's Claude update, he came back, launched a new bot.. what's happened? already printing again: +$4,000 in 2 hours. it's not about luck, it's about using the right resources. u can do the same. > install Claude > install all MCP plugins using my guide > give it access to your PC > say "trade BTC on Polymarket" > profitshow more

Mnimiy
110,579 görüntüleme • 4 ay önce
LLM Knowledge Base → Slides When Andrej Karpathy shared... his LLM Knowledge Base setup, many were wondering how to generate more visual forms of the wiki. There are many options, but I think Gamma is one of the best at producing high-quality, rich presentations. To showcase this, I just built a pipeline that turns my AI papers wiki (1K+ papers across 20 AI agent topics) into polished slide presentations using Gamma. The flow: Obsidian vault → Gamma MCP → embedded preview in my dashboard. I give one command to my agent, which pulls the top papers from each topic (via the wiki), feeds them to Gamma, and renders the presentation inline. The Gamma connector for Claude is a great choice for generating beautiful and professional slides. Easy to use. Go to your Claude instance and add the official Gamma connector. That's it! Claude Code will now have access to all the necessary MCP tools for generating slides. I use the Claude Agent SDK for my agent orchestrator, so I use the official Gamma MCP tools and embed the generated slides in an iframe via my artifact preview. See the clip below for an example.show more

elvis
47,766 görüntüleme • 3 ay önce
Very buggy but we got DOS and DOOM to... run now The issue I have now is that the screen is overlayed on to the ThreeJS (but positioned properly) But if you go the sides there you wil see no occlusion (as in the monitor frame doesn't overlay the screen) And me and Claude Code have no idea how to do that eithershow more

@levelsio
75,135 görüntüleme • 1 yıl önce