'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).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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

WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Best practices for Remotion - Video creation in React

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.