Morphing Icons with Claude

kept by eddie jan 16

Using Claude Code, the author built a universal icon component where any of 21 icons can smoothly morph into any other by representing each as exactly three SVG lines and using rotation groups for same-shape icons.

CSS vs. JavaScript
CSS animations run off the main thread so they don't freeze during JS work, but libraries like Motion use the Web Animations API to avoid that pitfall.
also on Motion, #animation
@chrlschn - MCP is Dead; Long Live MCP!
CLIs offer token savings for known tools, but MCP over streamable HTTP is essential for organizational agentic engineering due to centralization, auth, telemetry, and dynamic content delivery.
also on Motion, Claude Code, #ai-coding, #developer-tools
Agents with Taste
Engineers can encode their design taste into structured skill files for AI coding agents, enabling agents to produce visually refined results by following explicit rules for animations, typography, and layout.
also on #animation, Claude Code, #user-experience, #ai-coding, #developer-tools
Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code. $ np
An open-source tool lets developers generate production-ready Lottie animations from text prompts using Codex or Claude Code.
also on #animation, Claude Code, #ai-coding, #developer-tools