webmotion
Author deterministic, browser-rendered videos with @superhq/webmotion, declarative <w-*> HTML scenes or a TypeScript API, live DOM preview, MP4 export via…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-04 00:13
21,932 results
Author deterministic, browser-rendered videos with @superhq/webmotion, declarative <w-*> HTML scenes or a TypeScript API, live DOM preview, MP4 export via…
Creates dark table-style Chinese storyboard flowcharts for Plotloom short dramas. Use when the user asks for 15-second traffic-diversion flowcharts, shot-by-shot scripts, black-background storyboards…
Use when a Plotloom final video needs English subtitles, Chinese subtitles, bilingual English+Chinese subtitles, subtitle timing alignment, ASS/SRT artifacts,…
Transform long texts, conversations, or design briefs into structured poster design plans and AI generation instructions (JSON). Supports two scenarios: creative planning from scratch when there is no reference image, and style washing or mimicry reconstruction when there is a reference image. Generates structured poster design specs and AI-ready prompts…
Final quality pass fixing alignment, spacing, consistency, interaction states, and micro-details before shipping. Executes changes (unlike design-audit and…
OpenAI GPT Image generation and editing (gpt-image-2, 1.5, 1, mini). Text-to-image, mask-based inpainting, multi-reference composition, multi-turn…
Render Instagram carousel slides as PNGs from structured slide data using your branded template.
Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating…
Use when reviewing image assets, markup, and CDN or build transforms related to Fix broken images. Check encoded size, rendered size, loading strategy, and…
Use when implementing select colors with visual feedback.
Use when implementing aI model selection interface.
Use when you need to display key metrics and statistics.
Expert knowledge for CSS/JS-based 3D animations - perspective transforms, depth effects, card flips, cube rotations, and parallax depth without WebGL.
Expert knowledge for SVG path animations, morphing shapes, and vector graphics effects that create stunning visual experiences with resolution-independent…
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven…
Expert guide for the figma-bridge MCP (vladmdgolam/figma-mcp-bridge): reading live Figma files through the plugin without API rate limits, and keeping…
Launch a multi-agent UX review of any web application using Playwright CLI to browse live pages. Agents analyze landing pages, navigation, user flows, visual…
Image processing workflow guide for format selection, resizing, cropping, compression, metadata, transparency, color profiles, and destination-specific…
Detect, prevent, and remove generic AI-looking web design patterns. Use when creating, reviewing, auditing, or refining websites, landing pages, dashboards,…
Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.
Generate production-grade UI using real component patterns and best practices from 60+ documented interface components. Use when the user asks to build web…
Gemini video generation with Veo 3.1 via the Python SDK. Use when generating videos from text or images, using reference images, first/last frame…
Use when the user wants to turn a static scene, character images, aerial map, drawn path, or route-control image into an immersive first-person FPV AI video…
Generate elegant cover images for articles. Analyzes content and creates eye-catching hand-drawn style cover images with multiple style options. Use when user…