I Challenged Claude Code With an Animation I Struggled to Build
FORMBURG
0:00 / 0:00
I Challenged Claude Code With an Animation I Struggled to Build
33 392 просмотра · 4 дня назад
FORMBURG
3,79 тыс. подписчиков
33 392 просмотра · 4 дня назад
Paid partnership 👉 Try Higgsfield MCP with Claude Code: https://higgsfield.ai/s/higgsfield-mc...
I challenged Claude Code with one of the most complex website animations I have worked on: an infinite draggable slider that transitions seamlessly into animated artist profile overlay.
For this experiment, I designed EDDY, a fictional artist agency, in Figma and challenged Claude Code to build it using HTML, CSS, JavaScript, GSAP and Smooothy.
The goal was not just to recreate the design, but to make all the interactions work together smoothly. And the result surprised me.
🔗 Links & Resources
EDDY Template – Figma + Code Project: https://www.formburg.com/downloads
Smooothy Slider: https://smooothy.federic.ooo
⚡ Higgsfield MCP
Higgsfield MCP connects Claude and other AI agents to image and video generation tools, allowing them to create and save media directly into your projects.
In this video, I use Claude MCP with Higgsfield to generate additional artist portraits based on existing reference images and integrate them into my website project automatically.
Connect Higgsfield to Claude:
Claude → Settings → Connectors → + → Higgsfield → https://mcp.higgsfield.ai/mcp → Add
Higgsfield also supports agentic AI workflows with tools like OpenClaw and Hermes. Beyond website assets, it can be used for AI content creation, AI marketing automation, vibe marketing, faceless channel workflows, and AI video generator tasks.
#ClaudeCode #Figma #WebDesign
-------------
Want to turn AI-built websites into real client projects?
I am currently developing a complete workflow.
Sign up: 👉 https://www.formburg.com/ai-web-design
👉 All my Webflow courses:
https://www.formburg.com/en/courses
More free tutorials:
https://www.formburg.com/en/tutorials
-------------
// TIMESTAMPS
00:00 – The idea
00:57 – Designing EDDY in Figma
02:32 – Smooothy slider and the FLIP challenge
04:00 – Higgsfield MCP for AI images
05:21 – Genre hover interaction
05:52 – Preparing everything for Claude
07:28 – First result and preloader
08:53 – Artist overlay transition
10:35 – Code quality and mobile version
12:04 – Final verdict