🔥 Glaido: (use code: WHSAAKXO for 1 FREE month)
🩵 Free Skill From Video:
📈 ALL Systems:
*👋 Howdy*
Hey, I’m Jack, I built and sold my last tech startup with a Gazillion customers, now I’m building AI startups and I share stuff that works. I quit my corporate job to do my start-up and have never looked back since.
*💬 Overview*
Claude’s design mode can animate real data, but the default output looks like every other generic AI graphic out there. This video walks through five levels for making it look genuinely yours. Level one feeds Claude actual numbers, like AI model benchmarks, and turns them into animated bar charts you can codify as a reusable style. Then we fix fonts, the biggest slop giveaway, using Firecrawl to extract a brand’s typography plus sites like Fonts In Use, Fontshare and Google Fonts. Level two adds icon packs, level three brings in Lottie animations and generated imagery, level four gets Claude to transcribe your videos with word-level timestamps, and level five builds a Claude skill that finds moments in your footage and creates graphics for them automatically. Really useful if you make content for YouTube, Instagram or client work.
*Links*
☁️ Claude:
🔥 Firecrawl:
🎬 LottieFiles:
🔤 Fonts In Use:
🔡 Fontshare:
🅰️ Google Fonts:
🖋️ Open Foundry:
🐺 Typewolf:
📦 Flaticon:
⚡ Higgsfield:
⌚️ *Stamps:*
0:00 – Stop Making Generic AI Slop
0:26 – How Claude Design Works
1:20 – Animated Bar Chart With Real Data
2:22 – Level 1
3:22 – Scrape Any Site’s Typography
4:08 – Find Gorgeous Fonts In The Wild
5:12 – Free Font Resources
5:44 – Level 2
6:34 – Icons That Elevate Everything
7:12 – Premium Designs With Icon Packs
7:55 – Level 3
8:11 – Stunning Animations From Lottie
9:42 – Build Your Animation Library
9:53 – AI-Generated Images Inside Claude Design
11:27 – Combining Every Asset Layer
11:47 – Level 4
12:01 – Claude Watches Your Video
12:23 – Full Timestamped Transcript Instantly
12:37 – Works On Any Video Source
13:07 – Level 5
13:26 – Skill Auto-Finds Animation Moments
13:42 – Firecrawl Enriches Your Data
14:34 – Research Agent Fills The Gaps
15:10 – Custom Skill For Any Platform
15:59 – Full Video Analysis Delivered
16:18 – What’s Next
Learn how to use Claude design and Claude Code to build animated motion graphics, data visualisations and bar charts with custom fonts, icon packs, Lottie animations and Firecrawl web scraping for a complete AI design workflow.
#Claude #ClaudeCode #MotionGraphics #AIDesign #Firecrawl #DataVisualisation
コメント