영상과 시청자를 설명하면 크리에이티브 방향을 받습니다. 정확한 색상과 글꼴을 담은 frame.md 디자인 명세, 장면별 비트 계획, 장면 길이에 맞춘 화면 문구와 내레이션, 모든 컴포지션에 붙여 넣을 CSS 토큰까지 들어 있어 영상 전체가 하나로 보입니다.
HyperFrames Core 점검
By dev_mine
렌더링이 안 되거나, 빈 화면 또는 멈춘 화면으로 나오거나, 깜박이거나, 검사를 통과하지 못하는 HyperFrames 컴포지션을 첨부하거나 붙여 넣으면, 모든 문제를 원인이 된 줄과 어긴 규칙과 함께 짚고, 바로 다시 검사할 수 있게 고친 파일 전체를 드립니다.
About this skill
HyperFrames 컴포지션은 브라우저에서 완벽해 보여도 렌더링하면 잘못 나올 수 있습니다. 45초를 기다린 뒤 멈춰 버리는 장면, 구석에 작게 찍히는 스타일 없는 글자, 소리가 빠진 영상, 슬그머니 다른 글꼴로 바뀌는 글자 같은 문제입니다. 대부분은 장면을 연결하는 방식, 스타일을 두는 위치, 애니메이션을 움직이는 방법에 관한 몇 가지 규칙에서 생깁니다.
이 스킬은 HyperFrames 검사기가 확인하는 규칙과, 검사기가 잡지 못하는 조용한 오류까지 기준으로 파일을 점검합니다. - 모든 문제를 심각도 순으로 정리하고, 해당 줄과 영상에서 보이게 될 현상으로 설명합니다. - 수정은 작동하는 가장 작은 변경으로 하며 타이밍, 문구, 색상, 레이아웃은 그대로 둡니다. - 고친 파일 전체와 통과를 확인하는 명령어를 받습니다.
파일은 최대 3개까지 첨부(index.html과 장면 파일은 텍스트로 읽습니다)하거나 코드를 붙여 넣으세요.
HeyGen의 hyperframes-core 스킬(Apache-2.0)을 바탕으로 이 마켓에 맞게 다시 쓰고 hyperframes 0.8.134로 확인했습니다.
What comes back
- 발견한 모든 문제. 심각한 순서대로, 해당 줄과 어긴 규칙과 함께.
- 고친 파일 전체. 생략된 부분 없이.
- 파일별로 무엇을 왜 바꿨는지 몇 줄 요약.
- 수정을 확인하는 명령어와 검사 통과 시 나오는 결과.
What it needs from you
- 컴포지션: index.html이나 장면 파일을 첨부(HTML은 텍스트로 읽습니다)하거나 붙여 넣기.
- 선택: 받은 오류나 검사 결과.
Spec
- Turnaround
- 2~4분.
- Runs on
- ESF cloud
- Runs logged
- 0
- Data it touches
- 보내 주신 파일과 텍스트
Creators declare what their agent reaches for. Nothing outside this list is sent anywhere.
Resources
—
No reviews yet.
- 50
- 40
- 30
- 20
- 10
Not changed since it was published.
Also from dev_mine
HyperFrames 영상 프로젝트로 하려는 일(새로 시작하기, 미리보기, 실패하는 검사 통과시키기, 최종 MP4 렌더링)을 적거나 마주친 오류를 붙여 넣으면, 실행할 명령어를 순서대로, 각 단계가 정상일 때 나오는 결과와 그렇지 않을 때의 대처법과 함께 알려 드립니다.
Describe the camera move you want on a photo, a screenshot or a clip (a slow push-in, a punch-in on a detail, a pan, a Ken Burns drift, a whip into the next shot) and get a HyperFrames scene with the move keyframed seek-safe on a wrapper, so it renders exactly as it previews.
Describe a short video (what it says, how long, where it will be posted) and get back a complete HyperFrames project: one HTML composition per scene, ready to check, preview and render to MP4 on your own computer, with every word, colour and timing easy to change.
영상에 필요한 효과나 분위기(글리치 전환, 필름 그레인, 쌓여 올라가는 차트, 자막, 코드 화면, 하단 자막 바)를 설명하면, 이미 그 효과를 구현한 레지스트리 블록과 컴포넌트, 검색하고 설치하는 명령어, 프로젝트에 연결하는 정확한 마크업을 알려 드립니다.
짧은 영상의 내용과 길이, 올릴 곳을 적으면 완성된 HyperFrames 프로젝트를 받습니다. 장면마다 HTML 컴포지션이 하나씩 들어 있고, 내 컴퓨터에서 바로 검사하고 미리 보고 MP4로 렌더링할 수 있으며, 문구와 색상, 타이밍을 쉽게 바꿀 수 있습니다.
사진, 스크린숏, 영상 클립에 원하는 카메라 움직임(천천히 다가가기, 디테일로 펀치 인, 패닝, 켄 번스 효과, 다음 장면으로의 휩)을 설명하면, 그 움직임을 래퍼에 시크 안전한 키프레임으로 걸어 둔 HyperFrames 장면을 받습니다. 미리보기와 똑같이 렌더링됩니다.
Remotion 컴포넌트나 프로젝트 파일을 첨부하거나 붙여 넣으면 Remotion의 렌더링 규칙(프레임 기반 움직임, 타이밍 계산, 글꼴, 미디어, 시퀀스) 기준으로 검토해, 모든 문제를 쉬운 말로 설명하고 고친 코드 전체를 드립니다. 미리보기와 똑같이 렌더링되게 만듭니다.
대본이나 장면 목록을 붙여 넣으면 HyperFrames 영상의 미디어 계획을 받습니다. 장면마다 필요한 배경음악, 효과음, 이미지, 아이콘, 로고, 내레이션과 이를 찾거나 만드는 media-use 명령어, 장면에 맞춘 내레이션 원고, 각 파일을 배치하는 마크업까지 들어 있습니다.
Attach or paste a Remotion component or project file and get it reviewed against the rules Remotion renders by (frame-driven motion, timing maths, fonts, media, sequencing), with every problem explained in plain words and the corrected code in full, so the video renders the way it previews.
장면과 그 움직임(자리 잡는 제목, 하나씩 쌓이는 목록, 올라가는 숫자, 다음 장면으로의 전환)을 설명하면, 움직임을 시크(seek)에 안전한 GSAP 타임라인 하나로 박자마다 맞춰 쓴 HyperFrames 장면을 받아 프로젝트에 바로 넣을 수 있습니다.
Say what you want to do with a HyperFrames video project (start one, preview it, get a failing check to pass, render the final MP4) or paste the error you hit, and get the exact commands to run in order, what each should print, and what to do when it does not.
Describe your video and its audience and get its creative direction: a frame.md design spec with exact colours and fonts, a beat plan scene by scene, on-screen copy and narration paced to each scene, and the CSS tokens to paste into every composition so the whole video reads as one piece.
Paste your script or scene list and get the media plan for a HyperFrames video: the music bed, sound effects, images, icons, logos and voiceover each scene needs, the media-use commands that fetch or generate them, the narration timed to the scenes, and the markup that places every file.
Attach or paste a HyperFrames composition that will not render, renders blank or frozen, flickers or fails its check, and get back every problem tied to the line that causes it and the rule it breaks, with the corrected files in full, ready to check again.
Describe the look or effect your video needs (a glitch transition, film grain, a chart that builds, captions, a code window, a lower third) and get the registry blocks and components that already do it, the commands to search for and install them, and the exact markup to wire each one in.
Describe a scene and how it should move (a title that lands, a list that builds, a number that counts up, a transition into the next shot) and get a HyperFrames scene with the motion written as one seek-safe GSAP timeline, timed beat by beat, ready to drop into your project.
Tell it what your video is about, and optionally the words you want on it, and get back a 16:9 thumbnail built to be read at the size of a phone search result: one big subject, strong contrast, and at most five words in heavy letters spelled exactly as you gave them.
Upload one product photo and get back a five-second ad shot built from it: the camera moves, the product does not change. Same shape, same label, same colours, with slow commercial camera work and soft light moving across it, ready to drop into an ad or a product page.
Write the story of a short video in a few sentences and get back one storyboard sheet: six numbered panels in order, the same characters and places from panel to panel, shots varied the way a director would, and a short caption under each. The plan you shoot or generate from.
Describe a scene in a sentence or two and get back a five-second vertical clip made for Reels, Shorts and TikTok: one continuous shot, one deliberate camera move, and the action kept in the middle of the frame where the app's buttons and captions will not cover it.
Upload a character, mascot or logo and get back a short animation of it doing one simple gesture — a wave, a nod, a bounce — that ends in the same pose it started in, so it loops cleanly as a reaction, a sticker or a story overlay.
Describe the video — what it says, how long, where it is going — and get back a complete Remotion project that renders on the first try: every file in full, the exact setup commands, and the words and colours kept in one place so you can change them without reading the code.
Paste the job posting and your current résumé, and get back a version written for that one posting: the same facts, reordered and reworded around what the employer actually asked for, with the gaps named so you know what you are walking into rather than finding out in the interview.
Describe the picture you want and it draws one — no photograph needed, nothing to upload. Built for a feed rather than a gallery: one subject, high contrast, composed so it still reads at the size a thumb actually sees it, with room left for you to lay a headline over the top.
Name a topic and it looks the subject up before writing a word, comes back with the angle and the outline it intends, and waits for you to approve or redirect. Then it writes the piece against current sources with the links kept, so you can check what it used rather than trusting it.
Send one photograph of the thing you sell and get back a few seconds of video: a slow move around it, the light shifting the way it would if someone picked it up. Made for a product page or a feed, where a still gets scrolled past and a moving thing does not.
Send the photograph you took on your phone and get back the one a store page needs: the product lit evenly, the clutter gone, the background clean and consistent across everything you sell. Built for people who have a hundred things to photograph and no studio.
Turn a topic, draft, or product idea into a YouTube script with a strong hook, clear sections, visual cues, and a closing call to action. Supports Shorts and long-form videos.
More in this category
Attach an SRT or VTT file and name a language, and get back the translated file ready to load: every cue and timecode untouched, lines kept short enough to read at the speed the subtitles pass, and phrasing condensed where a literal translation would not fit on screen.
Attach a CSV and say what the video should show, and get back a Remotion project that turns your numbers into an animated chart video: bars that grow, lines that draw, values that count up, and one takeaway sentence taken from the data rather than made up.
Attach a video's transcript and get back what goes around it on a video platform: chapters with timestamps where the topic really changes, a description whose first two lines carry the promise, five honest title options, search tags and a pinned comment.
Describe a maths or science idea and get back a Manim scene that renders on an ordinary computer: one Python file and one command, with no LaTeX to install and no Python setup to fight, animating the idea step by step the way a good teacher would explain it.
Attach your subtitle file and get back a Remotion project that plays your own video with bold word-by-word captions on top, the style short-form feeds use: the spoken word highlighted, large outlined text that reads on any footage, and positioned clear of the app's buttons.
Describe an animation — an explainer, a diagram that builds, a title sequence — and get back a complete Motion Canvas project that installs and starts on the first try, with pinned versions and the configuration fixes the official setup leaves you to discover.