Design & Media

Defines and manages brand identity including voice, visual standards, messaging frameworks, asset organization, and consistency audits.

Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.

Design banners for social media, ads, website heroes, and print with multiple art direction options and AI-generated visuals.

Creates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.

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

Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.

Resolves, generates, and operates on media assets (audio, images, icons, logos, voice, color grades, LUTs) for HyperFrames projects, using a local cache and the HeyGen CLI for free-usage catalog search and TTS.

Creates or edits custom video compositions using HyperFrames, supporting multi-scene pieces, brand reels, montages, and freeform builds with media, Figma, and creative treatments.

Build a single renderable HyperFrames composition using HTML with data-* timing attributes, clips, tracks, sub-compositions, variables, and deterministic rendering rules.

Provides creative direction for HyperFrames videos, handling design specs, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.

Turn a weekly changelog markdown into a branded square video with animated UI mockups, voiceover, and captions.

Defines the high-level motion law for multi-scene videos, ensuring seamless transitions and continuous camera movement through vector rules, carriers, causal motion, and seam enforcement.

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.

Generates 16:9 horizontal illustrations for Chinese articles using a hand-drawn, black-and-white style with the 'Xiaohei' character as the central figure, based on the article's key concepts.

Provides a dashboard template for community/dating metrics with a navigation rail, ticker bar, headline KPIs, 30-day mutual-matches bar chart, and match-rate trend block.

Generates a Twitter share card with a hero quote, author attribution, category tag, and subtle texture, ready for screenshot and posting.

Generates a gamified habit-tracking app UI with three phone frames: a cover poster, today's quests with XP and level bar, and a quest detail view with subtasks and rewards.

Generates a single-page SaaS landing page with hero, features, social proof, pricing, FAQ, and footer sections.

Creates a 9-page 3:4 vertical carousel for Xiaohongshu or Instagram with warm pastel backgrounds, dashed sticker cards, and page dots.

Generates a high-fidelity, clickable web prototype with navigation, hero, features, and CTA sections.

Generates a minimal pre-launch waitlist landing page with email capture, logo, and decorative layers.

Generates a white magazine-style deck with rainbow bar, gradient text, macaron cards, and black pill for dual-use on Xiaohongshu and horizontal PPT.

Generate a two-page digital e-guide spread with a cover and content page, including pull-quote and step list, in a lifestyle creator brand style.

Creates pastel-toned, lifestyle-oriented presentation decks with rounded cards, soft glow blobs, and Playfair italic numbering.

Generates a magazine-style poster with a newsprint editorial layout, oversized serif headline, two-column body, numbered sections, and paper-textured design.

Generates a series of Xiaohongshu-style knowledge cards with a cover, content cards, and a summary card, designed for mobile viewing.

Renders UI content inside 3D iPhone and MacBook mockups using CSS transforms, with glass lens flares, ground reflection, and an optional turntable animation.

Creates educational single-frame posters with pixel art mascots and kinetic typography using pure CSS keyframe animations, no JavaScript required.

Creates hand-drawn wireframes with graph-paper background, multiple tabs, scribbled chart placeholders, hatched fills, and sticky-note annotations.

Generates a three-screen mobile onboarding flow with splash, value proposition, and sign-in screens displayed side by side.

Creates a dark-themed presentation deck with gradient backgrounds, floating blur orbs, SVG force-directed graphs, and JetBrains Mono code highlighting.

Generates serious, typeset documents (one-pagers, reports, letters, resumes, slides, equity reports, changelogs) with a warm parchment aesthetic, ink-blue accent, and single serif font per language.

Renders a story, question, or meme as a realistic Reddit post card with vote rail, comments, and awards, suitable for video overlays or social media sharing.

Renders tweet content as a realistic X (Twitter) post card image for video overlays or image sharing, with interactive metrics and customizable themes.

Renders a Spotify Now Playing card with album art, progress bar, and playback controls for video overlays or personal pages.

Generates brutalist web prototypes with Swiss industrial-print aesthetics, using grotesque typography, oversized numbers, ASCII decorations, and hazard-red accents.