Перейти к содержимому

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