Communitygithub.com

CrissAlvarezH/new-style

在 Reel Studio 工作区中为创作者的视频创建新的视觉风格(styles/<id>/style.json):通过文字采访获取名称、感觉、颜色及其含义、字体、动态、图片来源、参考链接和图片,然后编写风格,使其显示在样式页面中,新视频即可使用。当创作者要求新样式或按下样式页面的“Nuevo estilo”按钮时使用。

new-style 是什么?

该技能用于在 Reel Studio 工作区中为创作者的视频创建全新的视觉风格。它通过逐步的文字采访,收集风格的名称、感觉、颜色及其含义、字体、动态效果、图片来源以及需避免的元素。技能会指导用户如何组织参考文件和图片,并最终生成一个符合格式的 style.json 文件,该文件包含调色板、字体、外观描述、动态规则和来源信息。生成的风格会自动出现在 Reel Studio 的“Estilos”页面,可供新视频使用。此技能专为内容创作者设计,特别针对 Reel Studio 平台,支持通过 curl 下载图片和打开文件夹批量添加文件。技能强调简洁、直接的沟通方式,每次只问一个问题,并建议用户参考已有风格文件以确保一致性。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/CrissAlvarezH/ai-reel-gen-app/tree/HEAD/.claude/skills/new-style

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

预览

来自技能 README

…

文档

新风格

风格决定了视频的外观和动态。它存放于工作区的 styles/<id>/ 目录(所有项目共享),由一个 style.json 文件描述。Reel Studio 的“Estilos”页面会显示它(包括调色板、字体、外观、动态、需避免的元素、示例和参考),新视频也可以使用该风格创建。请先阅读已有风格(styles/*/style.json,以及完整的 styles/collage-semitono/),确保新风格以相同方式编写,且不重复已有风格。

使用他的语言,用他说话的方式交流。他无法回复交互式对话框:请用文字提问。

保持简短。 每次一条消息,几行以内:一行内包含问题和你自己的建议,这样他只需回复“sí”或一个词即可。不要开场白,不要重述他已拥有的风格,不要解释流程或接下来要做什么,不要列出长长的选项(最多两三个,每个几个词)。不要重复他的话;直接继续。

1. 采访

一步一步来,按以下顺序进行;如果他已回答过,则跳过。你需要:

  1. 名称和一句话概括它的概念:它应该给人什么感觉,适用于哪种视频。
  2. 参考:链接(视频、账号、画板、网站)和图片。他可以在聊天中粘贴或拖放图片:这些图片会作为项目 .reel-studio/images/ 下的路径随消息一起出现;将你使用的图片复制到 styles/<id>/refs/(该文件夹仅限本次聊天使用)。图片链接:下载到该目录(使用 curl -L)。如果一次性处理多个文件:创建 styles/<id>/refs/ 并打开文件夹让他拖入(macOS 使用 open <dir>,Windows 使用 explorer <dir>),然后等他确认文件已到位。如果他在“Inspiración”中命名了一个 reel,其帧位于 inspiration/<account>/<code>/(hook.jpg、sheet_NN.jpg)。查看他提供给你的每一张图片(读取它),并用一句话说明你从每张图片中获取了什么。你找到或建议的图片:下载到 styles/<id>/refs/ 并在聊天中显示(![…](/workspace-files/styles/<id>/refs/x.jpg)),绝不要只描述它们。
  3. 颜色:3 到 6 种,每种颜色说明其在视频中的含义(背景、墨色、标记重要内容的强调色……)。如果他没有提供颜色,从参考中建议一个调色板,并附上十六进制代码。
  4. 字体:一个用于标题,一个用于正文或标签,最多三个,来自 Google Fonts。如果他脑中没有任何想法,则建议字体。
  5. 动态:事物如何出现和移动(一笔一划绘制、手工放下、滑入、剪切……),节奏,以及场景如何变化。
  6. 图片:真实照片(如何处理:剪影、半色调、双色调……)、用代码绘制的插图、图标,或者没有。
  7. 需避免的元素:会破坏外观的内容。

然后,用一个紧凑的总结向他展示完整风格(每项一行:名称、带含义的调色板、字体、外观、动态、图片、避免项),并征得他的同意后再开始编写。

2. 编写

  • id:名称使用小写字母和连字符,无重音符号(cuaderno-apuntes);不能与现有 ID 重复。
  • styles/<id>/style.json,使用他的语言(文件中的所有文本都会在工作区中显示):
{
  "name": "Cuaderno de apuntes",
  "summary": "一两句话:它看起来像什么,适用于什么场景。",
  "skill": null,
  "template": null,
  "cutouts": false,
  "palette": [{"name": "Hoja", "hex": "#FAF8F2", "meaning": "el fondo"}],
  "fonts": [{"family": "Caveat 700", "css": "Caveat, cursive", "weight": 700, "google": "Caveat:wght@700", "use": "títulos", "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)。样式页面会自动读取它。

skill 和 template 保持为 null:该风格下的视频将基于默认风格的模板构建,并将外观更改为其 style.json(工作区会显示“Sin plantilla”)。当他满意第一个该风格下的视频后,可以提议编写 styles/<id>/SKILL.md(如何构建它:组件、如何处理图片、声音)以及基于该视频的其自己的模板,并将最佳帧添加到 examples。

3. 收尾

用两行文字说明:该风格已出现在样式页面(#/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'.

相关技能