wondelai-ux-design
claudeUX and UI design skills.
65 skills
Launch and promo videos rendered from HTML: product launches, story pieces, charts, captions, 3D, globes, particles, overlays and cartoon styles, frame-accurate to MP4 (or alpha video) with a pinned local Chromium.
Plugin motion-launch-videos from marketplace framecore-works-toolbox in FrameCoreWorks/framecore-works-toolbox. Commands read from the repo's manifest — today.
motion-3dMake a looping 3D motion-graphics film, 6 to 20 seconds, from a short brief. Real extruded, bevelled 3D type and SVG logos, plus boxes, spheres, tori, cylinders, cones and capsules, lit by a key light with soft shadows on a seamless floor, turning, flipping, hopping and orbiting on springs under a m
motion-captionsMake a captioned clip, 15 to 60 seconds, from the user's own voice-over, podcast cut, interview or talking-head audio and its transcript. The words appear in time with the speech, as on Reels, TikTok, Shorts and LinkedIn, where most people watch muted - pop captions (1 to 3 big words, each popping a
motion-cartoonMake a looping cartoon of an original mascot or character, 6 to 20 seconds, from a short brief. A bean-shaped rig with rubber-hose arms and an antenna walks, hops, blinks, waves, reacts, talks in a bubble and holds up a sign with the product's name, in outlined flat colour with cel shading, on twos
motion-chartsMake a looping animated data story, 6 to 20 seconds, from a brief and its numbers. A key metric counts up to its exact figure, bars and columns grow from zero with labels counting on the same spring, lines draw on, donuts sweep, a note points at the peak, the source always on screen. Claude writes t
motion-globeMake a data globe film, 20 to 40 seconds, of a network or a launch, worldwide. A dotted Earth from real geography forms out of the dark; the camera dives, hops and flies along great circles; routes arc between cities; pins rise as beams with HUD cards that type a query and count up their numbers; a
motion-launch-videosMake a kinetic-typography launch bumper or brand identity sting, a 6 to 20 second looping video of big animated type, from a short brief (product, message beats, palette, formats, duration). Claude writes the film as one self-contained HTML canvas file driven by a pure seek(t), laid out for 1:1, 9:1
motion-overlaysMake an animated overlay for editors and streamers to lay over their own footage, delivered with alpha: a lower third (name and role, a place, a quote's attribution), a title or chapter card, social handles and a subscribe button, a YouTube end screen round the platform's elements, a corner bug, a c
motion-particlesMake a particle motion-graphics loop, 8 to 15 seconds, from a short brief. Thousands of particles drift as a starfield, swarm into a word, the user's logo or a mark, burst into streaks and reform, then dissolve; spheres and grids too. Claude writes the film as one self-contained HTML canvas file dri
motion-photoMake a looping product or photo reel, 8 to 15 seconds, from the user's own images (product shots, screenshots, cutouts, venue photos). Photos drift in crops (Ken Burns), reveal through wipes, circles, splits and shapes, float as parallax cutouts, slide past in a carousel or stack, compare in a befor
motion-pixelMake a pixel-art motion loop, 6 to 20 seconds, from a short brief. A low-resolution canvas scaled up by a whole number, a strict palette of at most 16 colours, ASCII-art sprites with run cycles, parallax strips, tile maps and a built-in bitmap font. Claude writes the film as one self-contained HTML
motion-shapesMake a flat 2D motion-graphics loop, 6 to 20 seconds, from a short brief. Circles, rounded rects, polygons, stars, arcs, lines and SVG paths pop in, draw on, morph and ripple in grids and rings, with type, circle and bar wipes and a camera. Claude writes the film as one self-contained HTML canvas fi
motion-storyMake a vertical story short, 45 to 120 seconds, told in the second person ("You just robbed a bank. Your partner is an hour late...") that ends on a choice the viewer answers in the comments. A synthetic voice-over made on this machine, its words popping on screen as they are said, a drawn set per s
motion-uiMake a looping app or product UI promo, 8 to 15 seconds, from the user's screenshots or live site. A phone, tablet or browser window shows their real screens, rebuilt from primitives in their colours and copy, driven like a live demo: a finger or cursor taps, scrolls and types, screens push and expa
UX and UI design skills.
65 skills
52 marketing skills: CRO, copywriting, SEO, email, analytics and launch.
52 skills
Thirteen three.js r186 skills (scenes, geometry, materials, lighting, shaders, animation, post-processing, React Three Fiber, performance) with current APIs and a list of outdated patterns to avoid.
13 skills
GreenSock's official GSAP skills: core tweens and easing, timelines, ScrollTrigger, plugins (SplitText, MorphSVG, Flip and others), React and other frameworks, utilities and performance, so web animation code uses the current GSAP API.
8 skills
Six rule skills that keep UI, copy and code from looking AI-generated, plus a local colour-contrast checker.
6 skills · 1 MCP server
Removes AI patterns from fiction and professional prose without changing what it says.
6 skills
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
1 skill
Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.
1 skill · 7 commands
53 marketing skills for technical marketers and founders: CRO, copywriting, cold email, prospecting, SEO, AI SEO, paid ads, SMS, ad creative, video production, image generation, co-marketing, churn prevention, pricing, referrals, revenue operations, sales enablement, customer research, site architecture, comprehensive AARRR-structured marketing plans, public relations and earned media, offer design, event marketing and webinars, and more
53 skills
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional retouching.
26 skills · 1 MCP server
Create production-ready, editable PowerPoint decks through a spec-first, coordinate-explicit workflow with read-only reference analysis and quality gates.
5 skills · 1 agent
Brings together Adobe Creative Cloud tools for images, vectors, design, and video. Edit multiple assets at once, adapt for different platforms, and complete multi-step creative workflows for polished results.
26 skills · 1 MCP server
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.