Community编程与开发github.com

ameviadodo/montageos

为 MonteurOS Studio(网页界面)及视频应用视觉风格——从截图、视频或 YouTube 链接中提取颜色、字体、圆角、氛围,生成主题 JSON 文件并统一视频样式(字幕、强调色)。适用于「恢复…的视觉风格」、「让界面使用…的颜色」、「让界面看起来和视频里一样」。

montageos 是什么?

该技能(ameviadodo/montageos)专为 MonteurOS Studio 设计,用于自动提取和复现视觉风格。它能从截图、本地视频文件或 YouTube 链接中分析主要颜色、字体、圆角半径和整体气氛,并生成一个完整的主题文件 `ui/themes/<名称>.json`。同时,它还能同步调整视频样式(如字幕高亮、运动元素强调色),确保界面与视频内容保持一致的外观。用户无需手动配置颜色或字体,只需指定参考来源(例如「使用这个视频的界面风格」)。该技能支持 Claude Code、Cursor 等基于命令行或提示驱动的 AI 代理,主要通过执行 `bin/monteur charte` 命令进行提取,然后利用 AI 读取生成的截图来自动微调主题文件,最后通过界面选择器或设置文件激活主题。它强调不复制第三方品牌标识,而是从现有设计中获得灵感。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ameviadodo/montageos/tree/HEAD/skills/monteur-charte

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

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

文档

视觉风格指南

1. 提取

bin/monteur charte capture1.png capture2.png [video.mp4] ["https://youtube.com/watch?v=…"] --name editingos

→ ui/themes/editingos.json(主色调,建议的色彩角色)+ 截图位于 ui/themes/editingos/。对于 YouTube 视频,界面出现的时刻很重要:如果用户提供了时间戳,先分割视频:ffmpeg -ss 03:12 -t 20 -i video.mp4 extrait.mp4。

2. 微调(由你通过 Read 查看截图来完成)

在 ui/themes/<名称>.json 中:

  • colors:bg(背景)、surface/surface2(面板)、text、muted、accent(按钮、选中状态)、accent2(次要状态)。文本与背景的对比度 ≥ 4.5:1。
  • fonts.display / fonts.body:最接近的字体(如果需要,将 OFL 字体安装在 assets/fonts/ 中;Studio 使用系统/已安装的字体)。
  • radius(圆角像素值)、layout_notes:观察到的布局(侧边栏、时间线、格式卡片、检查面板等)。 如果布局与 ui/index.html 差异很大,则调整页面布局(文件开头的 CSS 网格),同时保留所有函数和 /api/* 调用。

3. 激活

Studio 右上角的「视觉风格」选择器,或 ui/settings.json → {"theme": "editingos"}。 同时统一视频风格:如果用户希望拥有共同身份,将 accent 应用到 styles/*.json(subtitles.highlight、motion.accent)。

默认视觉风格:nocturne

根据用户参考视频逐帧提取:深蓝色 #070A12,面板 #0E1320,黄色强调色 #FFD935(导航圆点、主要按钮),绿色 #4ADE80(准备好重播),红色 #FF5A6E(过期);页面标题使用 Instrument Serif 斜体,正文使用 Montserrat,标签和数字使用 Space Mono 并大写加宽。视频风格 styles/nocturne.json 是其变体(字幕和卡片为黄色)。

规则

我们从现有视觉风格中汲取灵感(颜色、字体、人体工程学);不复制第三方徽标或品牌名称到界面中。

Individual skills in this repo

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

ameviadodo/montageos

Bibliothèques MonteurOS — formats de reel (Split carte, Avant/après, Recréer ce contenu viral), styles de référence (palette, polices, cartes), ta charte, et cartes animées Hyperframes prêtes à poser (écrans 3D, rail des étapes, médaillon nom, liste surlignée, marqueurs de section, boot « étape », stat courbe + compteur, titre barre, programme/chapitres, citation). Utiliser pour « fais un split », « format avant/après », « ajoute une carte / une infographie / un chiffre animé », « quels styles as-tu », ou pour créer une nouvelle carte ou un nouveau format.

ameviadodo/montageos

Copie le style de montage de vidéos de référence (liens YouTube/Shorts/TikTok ou fichiers MP4) — rythme de coupe, durée des plans, fréquence des zooms, densité de B-roll, format, loudness, étalonnage, typographie et couleurs des sous-titres — et le transforme en style MonteurOS réutilisable. Utiliser pour « monte comme cette vidéo », « copie le style de ce youtubeur », « même style que ce Reel ».

ameviadodo/montageos

Coupe automatique d'un rush — supprime les blancs/silences, les hésitations (euh, hum…), les bégaiements (« je pense que je pense que ») et les prises ratées/répétées en gardant la dernière prise. Utiliser pour « enlève les blancs », « jump cuts », « supprime les répétitions », ou pour ajuster une coupe trop serrée/trop lâche.

ameviadodo/montageos

Recettes de montage par type de contenu — publicités (ads Meta/TikTok), UGC, documentaires, intros YouTube, formations/tutos, visuels produits (packshots, diaporamas produit). Donne la structure narrative, le style MonteurOS à utiliser, les animations et les visuels IA adaptés. Utiliser dès que l'utilisateur dit « fais une pub », « vidéo UGC », « mini-documentaire », « intro pour ma chaîne », « module de formation », « vidéo produit ».

相关技能