Results for “html-in-canvas”

Brand-grounded Remotion video pipeline. Take a brief, ground it in `brand/` (voice, audience, positioning, creative-kit), write a beat sheet, scaffold a fresh Remotion project, generate any required assets, compose with frame-driven animations, and bake a final MP4. Use this skill whenever the user wants to build a NEW Remotion video from scratch — product films, motion graphics, code-driven shaders, CRT/glitch effects, HTML-in-canvas demos, React video. Triggers on requests like "make a remotion video", CRT/glitch/scanline effects, html-in-canvas demos, video shaders, WebGL video, and frame-driven React video. This is the mktg-native sibling of the personal `/cmo-video` skill: `/cmo-video` recreates the *style* of an existing reference video; `/cmo-remotion` builds something new from a brief. Always load `remotion-best-practices` before stage 5 (compose).

The English summary is being prepared. Showing the original description.

Create a product showcase with real HTML content displayed inside CSS-drawn iPhone and optional MacBook screens. Add glass-like highlights and floor reflections to present app interfaces or design work in a three-dimensional style.

• Presenting an app interface for a product launch
• Showing mobile and desktop designs together
• Turning text and data into an app-style showcase

Create a single HTML file with a flowing, animated background and a prominent quote or headline. Use it for a video intro, a landing page's main visual, or a poster, with landscape and portrait layouts available.

• Creating a video intro with a short message
• Designing a landing page's main visual
• Making a poster with a flowing background

Build a single HTML product showcase with real content displayed inside CSS-drawn iPhone and optional MacBook screens. Use supplied HTML, text, or data, with perspective, reflections, highlights, and optional gentle rotation.

• Create a visual for a product launch
• Present an app inside an iPhone-style screen
• Show mobile and desktop designs together

Create a single HTML file with a flowing background and a prominent headline for video openings, landing page hero sections, or posters. Choose from four palettes and CSS, Canvas, or WebGL rendering approaches.

• Create an opening frame for a video
• Design a landing page hero section
• Build a poster around a short message

Create a single HTML file with a flowing, animated background and a prominent quote or headline. Use it for a video intro, a landing page's main visual, or a poster, with landscape and portrait layouts available.

• Creating a video intro with a short message
• Designing a landing page's main visual
• Making a poster with a flowing background

Best practices for Remotion - Video creation in React

The English summary is being prepared. Showing the original description.