Codify animation engineering and interaction design patterns for web interfaces.
npx skills add https://github.com/CinimoDY/eiDotter --skill design-craft-cinimody
Please help me install this Agent Skill. Skill: design-craft Source: https://github.com/CinimoDY/eiDotter/tree/main/.claude/skills/design-craft Command: npx skills add https://github.com/CinimoDY/eiDotter --skill design-craft-cinimody
Animation engineering, visual polish, and interaction design for web interfaces. Triggers on spring physics, gesture interactions, motion library patterns, layout animations, drag gestures, CSS shadows, clip-path animations, border-radius nesting, scroll-driven animations, OKLCH colors, optical alignment, popover API, CRT/phosphor effects, toast/drawer/popover architecture, shadow engineering, or requests to elevate UI quality. Sources from Jhey Tompkins (jhey.dev), Jakub Krehel (jakub.kr), Lochie Axon (lochieaxon.com), Emil Kowalski (emilkowal.ski), and Derek Briggs.
Import the design-craft guidelines and assets to start applying consistent animation and visual polish across your UI.
High-intent search queries and answers about installing and using this skill.
Spring physics for web animation interactions are implemented using motion library patterns that apply gesture-driven interactions and layout animations to deliver consistent UI experiences. This skill codifies these animation engineering patterns for modern web interfaces.
Engineering consistent drawer and popover UI components requires codified architecture patterns that specify practical guidelines and recipes. This provides platform primitives for toast, drawer, and popover architecture to ensure scalable motion systems across component suites.
Creating scroll-driven animations and clip-path reveals with CSS involves utilizing platform primitives and motion library patterns. This provides practical recipes for clip-path animations, border-radius nesting, and shadow engineering to elevate visual polish.
OKLCH colors and CRT effects can be applied across a modern web UI component suite using codified interaction design patterns. This supports implementing CRT-style UI with glows, responsive shadows, and optical alignment for elevated visual quality.
A codified motion system for layout animations and gestures is needed when teams require consistent experiences and scalable animation engineering. This specifies guidelines and recipes for drag gestures, spring-based motions, and visual polish across web interfaces.
dual-devs0Design custom high-end websites with advanced CSS and JavaScript animations.
coastdigitalgroupSpecify overlay pattern selection, anatomy, and accessibility for web and mobile.
AlejandroFiginiAutomates React UI animations using dedicated motion components and patterns.
DanielV-94Create web UI animations with Framer Motion, CSS keyframes, and GSAP.
