Communitygithub.com

새로운 스타일

크리에이터의 영상을 위한 새로운 시각적 스타일을 Reel Studio 워크스페이스(styles/<id>/style.json)에 생성합니다. 이름, 느낌, 색상과 각각의 의미, 폰트, 모션, 사진 출처, 참고 링크 및 이미지를 인터뷰 형식으로 수집하고 스타일을 작성하여 'Estilos' 페이지에 표시하고 새 영상에서 사용할 수 있도록 합니다.

새로운 스타일란 무엇인가요?

이 스킬은 크리에이터가 Reel Studio에서 새로운 비주얼 스타일을 만들 때 사용됩니다. 스타일은 `styles/<id>/` 디렉토리에 `style.json` 파일로 저장되며, Estilos 페이지에 팔레트, 폰트, 룩, 모션, 피해야 할 사항, 예시 및 참고 자료와 함께 표시됩니다. 스킬은 먼저 기존 스타일을 읽고, 사용자와 대화형 인터뷰(한 번에 한 단계씩)를 통해 스타일 이름, 아이디어, 참고 자료, 색상(배경, 텍스트, 강조색 등 3~6개), 폰트(제목, 본문용 최대 3개), 모션, 사진 처리 방식, 피해야 할 요소를 수집합니다. 이후 수집된 정보를 바탕으로 `style.json`을 작성하고 JSON 유효성 검사를 수행합니다. 완료된 스타일은 Estilos 페이지에서 즉시 확인 가능하며, 첫 번째 영상을 만든 후 템플릿 및 SKILL.md 작성으로 확장할 수 있습니다. 이 스킬은 Claude Code, Cursor, Codex 등 에이전트 기반 개발 환경에서 작동하며, 사용자의 언어와 말투를 따르고 간결한 질문과 제안을 통해 효율적인 인터뷰를 진행합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/CrissAlvarezH/ai-reel-gen-app/tree/HEAD/.claude/skills/new-style

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

미리보기

스킬 README에서

…

문서

새로운 스타일은(는) 무엇을 하나요?

스타일은 영상의 모양과 움직임을 정의합니다. 워크스페이스의 styles/<id>/ 디렉토리에 위치하며(모든 프로젝트에서 공유) style.json으로 설명됩니다. Reel Studio의 Estilos 페이지에는 팔레트, 폰트, 룩, 모션, 피해야 할 사항, 예시, 참고 자료가 표시되며, 이 스타일로 새 영상을 만들 수 있습니다. 먼저 기존 스타일(styles/*/style.json, 그리고 완전한 예시인 styles/collage-semitono/)을 읽어 새로운 스타일도 같은 방식으로 작성되고 기존 스타일과 중복되지 않도록 하세요.

그의 언어로, 그가 말하는 방식으로 대화하세요. 그는 대화형 대화상자에 응답할 수 없습니다: 텍스트로 질문하세요.

간결하게. 메시지당 한 단계씩, 몇 줄로 짧게: 질문과 당신의 제안을 한 줄에 담아 "네" 또는 한 단어로 충분하게. 인트로 없이, 그가 가진 스타일 요약 없이, 과정이나 다음 단계 설명 없이, 긴 선택지 목록 없이(두세 개, 각각 몇 단어). 그가 말한 것을 반복하지 말고; 그냥 진행하세요.

1. 인터뷰

한 번에 한 단계씩, 이 순서대로; 그가 이미 말한 내용은 건너뛰세요. 필요한 것:

  1. 이름과 한 문장으로 된 아이디어: 어떤 느낌이어야 하는지, 어떤 종류의 영상에 적합한지.
  2. 참고 자료: 링크(비디오, 계정, 보드, 사이트)와 이미지. 그는 채팅에 이미지를 붙여넣거나 드롭할 수 있습니다: 그 메시지와 함께 프로젝트의 .reel-studio/images/ 경로로 제공됩니다; 사용할 이미지는 styles/<id>/refs/로 복사하세요(그 폴더는 채팅 전용입니다). 이미지 링크: 거기에 다운로드하세요(curl -L). 여러 파일을 한 번에: styles/<id>/refs/ 디렉토리를 만들고 그가 이미지를 드롭할 수 있도록 열어둔 후(macOS open <dir>, Windows explorer <dir>), 그가 이미지가 도착했다고 말할 때까지 기다리세요. 그가 이름을 붙인 Inspiración의 릴: 해당 프레임은 inspiration/<account>/<code>/에 있습니다(hook.jpg, sheet_NN.jpg). 그가 준 모든 이미지를 살펴보고(읽고) 각 이미지에서 무엇을 얻었는지 한 줄로 말하세요. 당신이 찾거나 제안하는 이미지는 styles/<id>/refs/에 다운로드하고 채팅에 표시하세요(![…](/workspace-files/styles/<id>/refs/x.jpg)), 절대 설명만 하지 마세요.
  3. 색상: 3~6개, 각각 영상에서 무엇을 의미하는지(배경, 잉크, 중요한 것을 표시하는 강조색…). 그가 제시하지 않으면 참고 자료에서 팔레트를 제안하고, 16진수 코드를 포함하세요.
  4. 폰트: 제목용 하나, 본문 또는 레이블용 하나, 최대 3개, Google Fonts에서. 그가 생각해 둔 것이 없으면 제안하세요.
  5. 모션: 어떻게 나타나고 움직이는지(획 하나하나 그려지며, 손으로 떨어뜨리며, 슬라이드 인, 컷…), 속도, 장면 전환 방식.
  6. 사진: 실제 사진(어떻게 처리되는지: 컷아웃, 하프톤, 듀오톤…), 코드로 그린 일러스트레이션, 아이콘, 또는 없음.
  7. 피해야 할 사항: 어떤 것이 룩을 망치는지.

그런 다음 전체 스타일을 한눈에 보는 요약(각각 한 줄: 이름, 의미가 포함된 팔레트, 폰트, 룩, 모션, 사진, 피해야 할 사항)으로 보여주고 작성하기 전에 승인을 요청하세요.

2. 작성하기

  • id: 소문자와 하이픈으로 된 이름, 악센트 없음(cuaderno-apuntes); 이미 존재하는 것이 아니어야 함.
  • styles/<id>/style.json, 그의 언어로(모든 텍스트는 스튜디오에 표시됨):
{
  "name": "Cuaderno de apuntes",
  "summary": "한두 문장: 어떻게 보이고 무엇을 위한 것인지.",
  "skill": null,
  "template": null,
  "cutouts": false,
  "palette": [{"name": "Hoja", "hex": "#FAF8F2", "meaning": "배경"}],
  "fonts": [{"family": "Caveat 700", "css": "Caveat, cursive", "weight": 700, "google": "Caveat:wght@700", "use": "제목", "sample": "¿Y si se cae?"}],
  "look": ["프레임이 어떻게 구성되는지, 각 항목 하나씩."],
  "motion": ["사물이 어떻게 움직이는지."],
  "sources": ["사진의 출처와 처리 방식."],
  "avoid": ["룩을 망치는 것과 그 이유."],
  "examples": [],
  "references": ["styles/<id>/refs/ref-1.jpg"]
}
  • palette 순서가 중요합니다: 배경이 먼저, 그 다음 텍스트 색상, 그 다음 선(격자, 테두리), 그 다음 강조색. 스튜디오는 이 순서로 포스터와 폰트 샘플을 그리므로 텍스트 색상이 두 번째가 아니면 읽을 수 없게 될 수 있습니다.
  • fonts[].google은 Google Fonts URL에 나오는 패밀리 이름입니다(Patrick+Hand, Inter:wght@800): 스튜디오가 이를 로드하여 샘플을 표시합니다. sample은 해당 폰트로 작성된 짧은 텍스트로, 해당 스타일이 사용될 영상 종류에 어울리는 것입니다.
  • cutouts: tools/cutout.py로 사진 컷아웃을 만드는 경우에만 true.
  • references와 examples는 워크스페이스 기준 상대 경로입니다. examples는 이 스타일로 만든 영상의 승인된 프레임입니다: 영상이 나올 때까지 비어 있습니다. 예시가 없으면 스튜디오는 팔레트와 폰트로 포스터를 그립니다.
  • 절대 "default": true를 설정하지 마세요(기본 스타일은 그만이 변경합니다).
  • JSON 유효성 검사(python3 -m json.tool styles/<id>/style.json). Estilos 페이지가 자체적으로 표시합니다.

skill과 template은 null로 유지: 이 스타일의 영상은 기본 스타일의 템플릿으로 빌드되며 룩이 style.json으로 변경됩니다(스튜디오에서 "Sin plantilla"라고 표시). 그가 처음 영상에 만족하면, styles/<id>/SKILL.md(구성 방법: 컴포넌트, 사진 처리 방식, 사운드)와 해당 영상의 자체 템플릿을 작성하고, 가장 좋은 프레임을 examples에 추가하겠다고 제안하세요.

3. 마무리

두 줄로: Estilos에 있습니다(#/estilos/<id>), 그리고 새 영상에서 시도해 보겠다고 제안하세요.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

CrissAlvarezH/animated-video

Make animated videos in code with Remotion (React, SVG, three.js): explainers, character stories, motion graphics, kinetic typography, paper collage and animated infographics, in 2D or 3D, from a script or voiceover, in any aspect ratio. Use when asked to animate a script, make an animated video or Reel, or motion graphics. Not for editing camera footage (video-edit) or AI-generated clips (higgsfield-*).

CrissAlvarezH/persona-hablando

The "Persona hablando + animaciones" format of a Reel Studio video — the creator talks to camera in his own recording; you transcribe it, agree the cuts with him (pauses, flubs, retakes), cut it, and lay the video's style animations over or between his shots. Use for any video whose format.txt says persona-hablando.

CrissAlvarezH/reel-studio

How a narrated explainer video is made in a Reel Studio workspace, in any visual style — script, pictures, voice, images, build, board, sound, mute test, render — following the creator's settings from the studio (profile, format, voice, image sources). Use for any new or revised video in a project's videos/ (projects/<id>/videos/). The video's style adds its own skill (styles/<id>/SKILL.md) for the look and the Remotion kit; LESSONS.md has what past videos taught.

CrissAlvarezH/video-script

Write short-form video scripts that hold viewers, using the creator's own video analytics. Use when choosing the hook of a chosen idea, writing or tightening a script before filming (talking-head or narrated explainer), or turning a posted video's insights into lessons. Coming up with ideas is content-ideas'.

관련 스킬