Skip to content

About

No description, website, or topics provided.

Resources

Stars

226 stars

Watchers

1 watching

Forks

Latest commit

 

History

23 Commits

Folders and files

Repository files navigation

Editorial Vision Studio

語言: 繁體中文 | English

給 AI 圖像生成、視覺規劃與模型提示詞撰寫使用的編輯視覺導演引擎。

Editorial Vision Studio 是一套給 AI 圖像與編輯設計使用的「視覺導演」工作流程。它不只是撰寫提示詞,而是先判斷用途、拆解畫面語言、選擇版面與風格,再輸出可執行的生成請求,讓圖片更接近雜誌、展覽海報、品牌主視覺或極簡插畫的質感。

風格範例

以下八張成品全部出自 ivory-postcard preset,示範如何把照片作為內容參考,重新轉譯成極簡明信片:米白紙底、大量留白、克制幾何、簡化筆觸與低飽和色盤。這不是照片濾鏡,而是重新選擇主體、刪減細節並重建構圖。

這是其中一種 preset,不是引擎預設值。底色與呈現方式由 ground 與 render_mode 兩個必填欄位決定,沒有預設值可以掉進去。另外兩組隨附 preset:vintage-travel-poster(飽和色場、平面色塊)與 papercraft-diorama-postcard(照片即底、紙雕立體模型)。完整清單見 presets/registry.md。

靜水亭台極簡明信片 安靜長椅極簡明信片

黎明山稜極簡明信片 霧中港灣極簡明信片

枝間秋光極簡明信片 大阪城極簡明信片

雲下山谷極簡明信片 暮色東京鐵塔極簡明信片

它能做什麼

  • 一開始就問你要什麼風格 —— 米色明信片、時代海報、紙雕明信片、自己描述,或讓 AI 提案。只問一次,選完整個 session 沿用。
  • 先判斷用途,例如展覽輸出、海報、活動主視覺、產品編輯圖、網站首圖、小誌或情緒看板。
  • 先決定視覺語言,再選風格,避免只靠「好看的風格詞」碰運氣。
  • 規劃版面、字體、色盤、抽象程度、材質權限與補救策略。
  • 透過轉接器轉成 GPT Image、Flux、Ideogram 或其他模型可用的提示詞。
  • 產圖前檢查衝突,例如 MUJI 卻使用過重標題、展覽圖塞太多文字、非小誌版面卻使用孔版印刷或影印質感。
  • 先提出二到三個互相競爭的視覺方向(各有主張與取捨),選定後才往下執行;備選方向保留下來,之後想換不必從頭跑。
  • 產圖後逐項評分(主體、構圖、視覺焦點、色盤、字體、材質、風格一致性、照片保真、用途契合、平台契合),只修分數最低的那一層,最多修三輪。
  • 記住一套視覺系統,讓第二張、第十張跟第一張是同一本刊物:鎖住風格、色盤、字體、材質層級,版面與構圖仍隨每張照片重新決定。
  • 一份視覺系統展開成一整組輸出:活動主視覺全尺寸、社群輪播、多頁簡報。
  • 簡化照片時保留空間關係:一個投影法、一個地平面、一個光源與接地投影,原本擠在一起的東西不會被拆成一排。

快速提示詞

跑這個 skill 時,第一步會先問你要什麼風格 —— 米色明信片、時代海報、紙雕明信片,或讓 AI 看過素材後提案。只問一次,選完整個 session 沿用。

想直接指定、跳過選單:

preset: ivory-postcard

不透過引擎、直接貼給模型的話用這段。它就是 ivory-postcard 的 compiler anchor,唯一真實來源是 presets/ivory-postcard.md;兩邊若有出入,以 preset 為準。

在暖象牙白紙底上建立極簡編輯插畫,紙面平整均勻,無顆粒無汙漬。
用三到五「種」簡化形體重新構成場景,同一種可依畫面需要重複出現;保留原照片的相對關係——本來聚在一起的仍然聚在一起,遮擋關係與大小比例都要留住。
所有物件維持同一個平視立面投影,單一物件內不得出現兩個角度。
所有物件站在同一條地平面上;光源固定來自左上方,每個物件都要有一道平塗的接觸陰影,比底色深一到兩階,不要純黑。
構圖:主體縮小並置於上方中央,至少保留百分之五十五安靜的空白。
筆觸:不透明、近似顏料的色塊,邊緣帶輕微不規則的手繪感,形狀內部可有淡淡的色調變化;重複出現的元素彼此略有差異;不要向量般乾淨的外框,不要任何攝影表面細節。
色盤:暖象牙白、炭褐色、一種低飽和大地色、一種冷中性色,最多再加一個小面積的低飽和色彩焦點——不要高飽和色塊。
文字:可省略;若保留,僅在下方邊界放上一行小型細襯線標題「[標題]」。
避免:寫實攝影、半透明疊影、深透視縱深與匯聚的消失點、沒有接觸陰影而漂浮的物件、原本成群卻被排成一列的物件、電線、密集窗格、亮面漸層、霓虹色、雜誌封面版式、浮水印、額外文字。

照片參考的風格鎖定

如果提供照片後,結果仍出現淡化照片感或保留太多細節,請將照片指定為「內容參考」,而非必須保留的原圖,並明確加入以下規則:

這張照片僅作為內容參考。不要保留它的攝影細節、光線、透視或材質。
只挑選場景中最具辨識度的線索,重新繪製為彼此獨立、扁平的編輯插畫筆觸。
不要做成雜誌封面。除非特別要求,否則不要加入外框、條碼、封面小標或大標題。

建議流程

  1. 先定義用途。

    例如:展覽圖、編輯海報、品牌主視覺、網站首圖或社群圖片。

  2. 選風格。

    跑起來的第一個問題。從隨附的 preset 挑一個、自己描述想要的樣子,或讓 AI 看過素材後提案。只問這一次。

  3. 選擇視覺語言。

    例如:博物館感、建築感、產品靜物感、安靜人物感、都市紀實感。

  4. 選定藝術方向。

    上一步選了 preset 或自己描述過,這步就自動定案、不再問。選「讓 AI 提案」才會看到二到三個方向。

  5. 在選定的方向裡決定版面與構圖。

    例如:展覽圖加 MUJI、瑞士風海報加建築感、雜誌封面加 Kinfolk。

  6. 轉成模型提示詞。

    使用 adapters/ 裡的規則,將同一份視覺計畫轉成 GPT Image、Flux、Ideogram 或通用工具可用的提示詞。

  7. 產圖前檢查。

    確認底色、呈現方式、字體、材質、色盤、版面沒有互相衝突。

  8. 產圖後評分並修正。

    找出分數最低的那一項,只修對應的那一層,重新編譯後再產一次。

  9. 需要成套時鎖住視覺系統。

    第一張通過後把風格、色盤、字體、材質層級鎖起來,後續每一張都繼承。

提示詞範例

極簡城市編輯插畫

一張一比一的直式極簡城市編輯插畫,紙底為溫暖象牙白。
以扁平矩形色塊和一座具辨識度的中央拱形建築,構成暮色中的簡化城市天際線。
畫面底部以極小人物剪影形成安靜節奏。
使用低飽和海軍藍、霧紫色、珊瑚色與赭黃色。
中央下方放上一行小型襯線字標題:「暮色城市」。
避免寫實攝影、複雜透視、密集窗格、亮面效果與浮水印。

安靜建築海報

一張三比四直式極簡建築編輯海報。
在象牙白背景中央,以層疊的淡灰色量體構成一座高聳抽象塔樓。
用幾條極細引導線指向塔樓基座。
在塔樓左下附近加入一個小型墨綠色焦點。
下方放上一行精緻襯線字標題:「垂直晨光」。
避免真實玻璃材質、戲劇性天空、人群、濃重陰影、雜訊質感與浮水印。

博物館感橋樑習作

一張四比三橫式展覽圖插畫。
一座跨越安靜水面的長橋,化約為柔灰線條、暖赭色橋拱和一個小型亭子剪影。
橋面上方保留大面積未繪製的象牙白空間。
下方以鬆散、受控制且稀疏的水平筆觸表示水面。
在下方邊界放上一行優雅襯線字:「橋拱留住光」。
避免寫實感、粗重外框、高飽和藍色、裝飾圖樣與浮水印。

東京鐵塔重新構圖

一張三比四直式極簡編輯展覽插畫,不要做成照片轉插畫。
東京鐵塔街景照片僅作為內容參考。只使用四個象徵元素重新構圖:一座低飽和磚紅色鐵塔輪廓、三棵炭褐色冬季樹幹、少量柔灰色建築量體,以及小型鼠尾草綠街燈焦點。
使用不透明、扁平、近似水粉顏料的色塊,背景為象牙白紙底。主視覺置於畫面上方中央,至少保留百分之五十五空白。下方邊界放上一行小型襯線字:「暮色鐵塔」。
避免電線、真實的鐵塔格狀結構、玻璃反射、密集窗格、細緻陰影、攝影材質、半透明疊影、外框、雜誌封面字體、浮水印。

專案結構

.
├── SKILL.md                 # Codex 技能入口
├── presets/                 # 隨附的固定模板:米色明信片、時代海報、紙雕立體明信片
├── prompts/                 # 意圖、風格閘口、風格描述、分析器、藝術方向、規劃器、編譯器、檢查器、評估器、迭代、視覺記憶、成套規劃
├── styles/                  # 風格特徵:Swiss、MUJI、Kinfolk、Monocle、COS 等
├── layouts/                 # 海報、小誌、展覽圖、首圖、活動等輸出格式
├── adapters/                # 不同模型使用的提示詞轉接器
├── recovery/                # 對比、主體、色盤、幾何等補救策略
├── assets/                  # 底色與呈現方式、空間建構、色盤、字體、材質規則與範例
├── reference/               # 架構與決策樹
└── spec/                    # EditorialSpec、VisualManifest、VisualMemory schema

安裝成 Codex 技能

將這個 repo 複製或 symlink 到你的 Codex skills 目錄:

mkdir -p ~/.codex/skills
cp -R editorial-vision-studio ~/.codex/skills/editorial-vision-studio

接著可以這樣請 Codex 使用:

使用 editorial-vision-studio,將這張照片重新構圖為極簡展覽插畫提示詞;不要保留寫實攝影細節。

設計備註

  • 這套系統刻意保持模型無關。先保留視覺邏輯,再用轉接器轉成不同模型語法。
  • 材質由版面決定。孔版印刷、網點、影印與掃描雜訊適合小誌,不適合乾淨的展覽圖或產品版面。
  • 補救策略要精準。只有在分析指出問題時,才修正對比、焦點、幾何、色盤或背景。
  • 圖中文字必須短,並明確指定位置。

License

MIT

作者

Max Wang
GitHub: https://github.com/Yu-0312

About

No description, website, or topics provided.

Resources

Stars

226 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors