Results for “overlay”

Packages an existing talking-head, interview, or podcast video with timed, designed graphic overlay cards—kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture—synced to the transcript, on a 16:9, 9:16, or 4:5 canvas.

Creates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.

Generates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.

Generate walkthrough videos from Stitch project screens using Remotion with smooth transitions, zoom effects, and text overlays.

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays.

Provides a production-proven oversized macOS-style cursor technique for launch videos, covering size, entry, tip-targeting, click animation, and exit laws to carry the viewer's eye.

Polishes existing motion against the transitions.dev motion-token scale by auditing duration, distance, scale, blur, and easing values and suggesting token-based corrections.

Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

User-invoked, cross-discipline interface review that coordinates six domain references: accessibility, layout, writing, typography, colors, and ui. Use when explicitly invoked for a holistic review of a screen, flow, feature, or product interface. Supports quick and full review modes. Triggers on better-interface, full interface review, holistic UI audit, cross-discipline design review, review the whole interface.

Generates a single-file HTML hero section with WebGL-inspired fluid background and overlaid quote, suitable for video intros, landing pages, or posters.

Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.

Creates walkthrough videos from Stitch app designs using Remotion, with smooth transitions, zoom effects, and text overlays.

Analyzes and documents Superhuman's design language, including color palette, typography, layout, and elevation system for implementation.

Generates a video outro frame with a logo assembled from geometric blocks, glow bloom animation, tagline reveal, and CTA, using pure CSS/SVG.

Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.

Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.

Applies design engineering principles to polish UI components, covering typography, surfaces, animations, and performance with concrete CSS values and review checklists.

Creates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.

Generates detailed design briefs for social media creative assets. Covers image specs per platform, copy overlay text, color palette, and format specs for stories, carousels, singles, and reel covers.

Converts video, audio, or images into colored ASCII art videos (MP4/GIF) with generative effects, audio-reactive visuals, and text overlays.

Convert static HTML pages to Edge Delivery Services while preserving original design and enabling content authoring in Document Authoring.

Generate Xiaohongshu (RedNote) style cover images with aesthetic typography overlays, using the muapi CLI for AI image generation and editing.

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing footage, or music. It resumes project state, captures intent when applicable, selects and installs the owning workflow, and routes domain capabilities. HyperFrames is the default output framework unless the user explicitly chooses another framework for the deliverable or asks only to record a browser session.