Community程式設計與開發github.com

ameviadodo/蒙特工作室主題

將設計系統(品牌指南)應用於 MonteurOS Studio(網頁介面)和影片 — 從螢幕截圖、影片或 YouTube 連結(例如影片中顯示的「EditingOS」介面)提取顏色、字體、圓角半徑和氛圍,然後生成 `ui/themes/<名稱>.json` 主題,並對齊影片樣式(字幕、強調色)。用於「從……套用品牌指南」、「將介面設為……的顏色」、「與影片介面外觀相同」。

蒙特工作室主題 是什麼?

此技能「ameviadodo/montageos」旨在為 MonteurOS Studio(網頁介面)及其產出影片複製並套用視覺品牌指南(設計系統)。它能自動從各種來源(包括靜態螢幕截圖、本地影片檔案或 YouTube 連結)中萃取主要設計元素,如配色方案、字體選擇、圓角半徑和整體版面美學。萃取過程使用命令列工具,例如 `bin/monteur charte`,該工具會分析視覺輸入並產生一個結構化的 JSON 主題檔案(位於 `ui/themes/<name>.json`)。此主題定義了完整的調色板(背景、表面、文字、強調色等)、最接近的可用字體(必要時安裝)以及版面觀察筆記。然後,該技能會對齊介面元素和影片樣式(如同時自訂字幕強調色和動態效果),以確保平台與輸出之間的一致性。使用者可透過 Studio 頂部的「Charte」選擇器或透過 `ui/settings.json` 檔案中的設定來啟動主題。該技能附帶一個名為「nocturne」的預設主題,該主題是根據參考影片逐幀分析的結果,該主題使用深藍色調、特定強調色和獨特的字體組合(Instrument Serif 斜體、Montserrat 和 Space Mono)。系統會自動根據需要調整核心版面(grid.css),同時保留所有功能性和 API 呼叫。一項關鍵約束是尊重品牌智慧財產權:該技能會模仿品牌指南(顏色、字體、人體工學),但絕不會在介面中複製第三方標誌或品牌名稱。

相容平台~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 差異很大,請調整佈局(文件頂部的 grid.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 ».

相關技能