Explore practical workflows for designing interfaces and visual systems. Find tools for both early concepts and detailed reviews.
126 skillsCreate animated HTML presentations with a coding agent. Compare visual style previews, build a single-file deck, or turn an existing PowerPoint into web slides.
Create mathematical explanations and 3D animations in Python, inspect their layout and timing, and export MP4 videos with editable scene source.
Build or audit interface motion using context-sensitive design guidance and an HTML or terminal report.
Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
Make launch videos, motion graphics and explainers as editable HTML. Review frames in a local studio, leave targeted comments, and export with music and effects.
Create short animated GIFs for Slack with frame generation, palette optimization and size validation.
Direct code-based motion graphics for launch films, product promos, brand stings, and kinetic typography using explicit craft rules.
Produce browser-route hand-drawn and picturebook videos from an approved plan and reviewed media.
Turn one picture into an approximately five-second seamless loop in MP4 or GIF, with WebP, sticker GIF and macOS Live Photo exports on request.
Build respawn-safe character logic with scoped cleanup, Humanoids, Animator tracks, rigs, tools, and movement ownership.
Animate a finished dimensional drawing into an 8–15 second film with progressive strokes, camera moves, and lifted layers, using Claude Motion or a headless renderer.
Create continuous-motion product launch films and feature demos with a coding agent.
Create keyframed clips, character state machines, blend spaces, and procedural UI or gameplay tweens.
Polish interface surfaces, icons and motion using the existing UI system.
Create or edit Lottie animation scenes and inspect their playback in the project’s Skia Skottie player.
Add layered feedback through trauma-based screen shake, hit-stop, eased motion, squash and stretch, knockback, and audio cues.
Animate a still image into a short seamless loop, or split it into PSD and PNG layers. A local Claude Code plugin by Lemomo, free for non-commercial use.
Plan and build scroll-driven landing pages with a defined visitor journey, dimensional hero sections, and a distinctive interaction direction.
Explain how a website, visual effect or animation works from a URL or screenshot.
Direct and render short films from code with a library of visual styles, story planning, animation, optional narration and music, and editable project delivery.
Create animated isometric sticker icons with configurable colours, facing directions and keyframe motion.
Create art-inspired animations and explainer clips with a coding agent, using editable scenes and motion recipes.
Direct and render cinematic product films, feature loops, logo stings, and UI motion pieces using a code-based production workflow.
Apply timing, easing, choreography, and animation principles to purposeful UI motion and transitions.
Drive character animations through controllers, parameters, blend trees, layers, transitions, and humanoid IK.
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements).
Production pipeline for mathematical and technical animations using Manim Community Edition.
Edit existing footage through conversation or produce mathematical and technical animations with Manim.
Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe.
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools.
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.
Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback.
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching.
Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers.
Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup.
Build web animations with official GSAP guidance for tweens, timelines, ScrollTrigger, plugins and framework cleanup.
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion).
Turn project code or a website into a short launch video, with a full Hyperframes workflow or a lightweight alternative.
Turn the current project website into a short, polished, shareable launch video using Hyperframes.
Turn a project directory or a website URL into a short, shareable launch video with music, motion, and share copy.
Create graphic, text and interface motion videos as MP4 with editable source.
Compare AI design skills for design systems, shadcn/ui, frontend creation and interface refinement, with practical briefs to help you choose a workflow.
Explore four Skills for geometric logos, brand identity systems and animated isometric illustrations, and choose the right workflow for your brief.
Explore practical workflows for designing interfaces and visual systems. Find tools for both early concepts and detailed reviews.