Skip to content

software-ai-life/Awesome-IG-Design-Skills

Repository files navigation

Awesome IG Design Skills

繁體中文 | English

一句 prompt,讓支援 skills 的 coding agent 依照指定美學產出高質感 IG 貼文設計。

Agent-agnostic IG design skills for generating polished Instagram post styles.

這個 repo 是一組 IG design skills,重點不是「套模板」,而是讓 agent 在產製社群圖文時能穩定遵守一套完整的視覺語言:色彩、排版、字體、留白、封面、圖像方向與 QA 流程。

繁體中文友善:你可以直接用繁體中文描述需求、指定風格、設定貼文比例、提供文案或主題,skill 會以繁中語境理解社群敘事與視覺方向。

可用於多種支援本地 skills / agent instructions 的 coding agent,例如 Codex、Claude Code、Cursor、OpenCode、OpenClaw、Hermes。不同 agent 的安裝方式可能不同,但 skill 內容本身不是 Codex 專用。

請使用 japanese-minimalism-ig-post-skill,
幫我把這段品牌文字設計成 4:5 的日系極簡 IG 貼文。

Style Gallery

Skill Cover Best For
japanese-minimalism-ig-post-skill Japanese Minimalism IG Post cover 日系生活風、品牌語錄、質感產品筆記、安靜自然的社群貼文
luxury-branding-ig-post-skill Luxury Branding IG Post cover 高級品牌形象、精品產品、品牌宣言、活動邀請與高端社群視覺
bold-typography-ig-post-skill Bold Typography IG Post cover 大字報、活動宣告、潮流文化、音樂時尚、強烈社群訊息
paper-texture-editorial-ig-post-skill Paper Texture Editorial IG Post cover 紙感排版、雜誌語錄、品牌筆記、手作產品與溫暖公告
minimal-geometry-ig-post-skill Minimal Geometry IG Post cover 極細幾何、設計語錄、建築藝術、產品細節、精準克制的社群視覺
soft-editorial-lifestyle-ig-post-skill Soft Editorial Lifestyle IG Post cover 柔和生活編輯風、咖啡早晨、慢生活品牌、質感餐飲、溫暖靜物社群視覺
retro-playful-editorial-ig-post-skill Retro Playful Editorial IG Post cover 復古玩味編輯風、懷舊物件、文化貼文、創意活動、帶資料標籤的社群視覺

What You Can Make

Capability Output Typical Use
Copy to IG post 依文案產出可視覺化的 IG 單張貼文 品牌語錄、活動公告、產品筆記
Style-directed post 依指定 skill 產製完整視覺系統 同一份內容切換不同社群視覺風格
Carousel direction 規劃 IG carousel 開場與內頁節奏 教學、清單、品牌故事、流程說明
Visual QA 每個 skill 內建 QA checklist 避免比例、留白、字級、色彩跑偏
Traditional Chinese prompts 支援繁體中文需求描述與內容整理 中文社群貼文、品牌文案、雙語貼文

Included Skills

japanese-minimalism-ig-post-skill

日系極簡生活風 IG 貼文設計。

  • 暖米色背景 #F5EFE6
  • 低彩橄欖綠 #A3B18A
  • 柔和炭灰文字 #3A3A3A
  • 細緻字體、輕 grid 對齊
  • 大量呼吸感留白
  • 安靜、自然、精緻的生活感

luxury-branding-ig-post-skill

高級品牌形象風 IG 貼文設計。

  • 象牙白背景 #F8F5F0
  • 金色點綴 #C6A96B
  • 深黑文字 #1A1A1A
  • 優雅襯線 + 現代無襯線字體搭配
  • 中央構圖、強視覺焦點
  • 極簡但有力量的高端編輯感

bold-typography-ig-post-skill

大字報衝擊風 IG 貼文設計。

  • 深墨黑底 #110B09
  • 亞麻米色文字 #ECD1B4
  • 紅橙衝擊色 #CF2B10
  • 暖灰緩衝色 #D5D1C6
  • 深紅強調色 #99121A
  • 巨大標題文字主導畫面
  • 現代 brutalist 排版
  • 極少裝飾,強調文字、比例與間距

paper-texture-editorial-ig-post-skill

紙感排版風 IG 貼文設計。

  • 紙感米色背景 #F3EDE4
  • 柔棕色 #A68A64
  • 柔黑文字 #2C2C2C
  • 雜誌式文字層次與印刷感字體
  • 柔和陰影、微小不完美、自然觸感

minimal-geometry-ig-post-skill

極細幾何風 IG 貼文設計。

  • 暖白背景 #F8F8F6
  • 灰藍點綴 #9FB3C8
  • 炭灰文字 #333333
  • 極細線條、圓形與少量 grid
  • 精準間距、平衡視覺重量、現代且帶一點藝術感

soft-editorial-lifestyle-ig-post-skill

柔和生活編輯風 IG 貼文設計。

  • 亞麻米色背景 #F8EAE1
  • 暖棕文字 #8A470F
  • 灰藍色塊 #B1BBBA
  • 復古橘點綴 #DDA370
  • 咖啡杯、麵包、亞麻布與晨光靜物構圖
  • 低飽和暖調、柔和對比、雜誌式圖文分區

retro-playful-editorial-ig-post-skill

復古玩味編輯風 IG 貼文設計。

  • 亞麻米色背景 #F3E2CC
  • 低彩藍綠 #4B778E
  • 暖陶土色 #CBAE9A
  • 復古橘點綴 #F4A919
  • 復古電話、玩具與日常小物的懷舊構圖
  • 水平色塊、label 區塊、HEX/RGB 資訊標籤

Quick Start

把需要的 skill folder 複製到你的 agent skills 目錄,或放在 agent 能讀取的 workspace 內。

使用時直接指定 skill 名稱與貼文需求:

請使用 japanese-minimalism-ig-post-skill,
將以下文案設計成 4:5 Instagram 貼文:

「慢下來,不是退後,而是重新聽見生活的節奏。」
Use japanese-minimalism-ig-post-skill to create a 4:5 Instagram post
for a calm lifestyle brand announcement.

Design Workflow

建議讓 agent 依序完成:

  1. 判斷貼文用途:語錄、公告、產品筆記、carousel opener、清單或品牌理念
  2. 萃取一個主要訊息
  3. 選擇 references/post-patterns.md 的版型
  4. 套用 references/style-system.md
  5. 產出 4:5 設計
  6. 使用 references/qa-checklist.md 檢查

每個 skill 都提供:

  • SKILL.md: 觸發條件與核心風格指令
  • references/style-system.md: 色彩、字體、版面、材質與圖像規則
  • references/post-patterns.md: 可重複使用的 IG 貼文版型
  • references/qa-checklist.md: 交付前檢查清單
  • assets/examples/01_cover.svg: 風格封面示意
  • assets/template.html: HTML 參考版型

Design Principles

  • 一張貼文只保留一個清楚訊息。
  • 社群貼文要先適合手機閱讀。
  • 留白是風格的一部分,不是空洞。
  • 色彩要克制且一致。
  • 字級、行距與安全邊界要優先檢查。
  • 風格服務內容,不是裝飾內容。

Repository Structure

.
|-- japanese-minimalism-ig-post-skill/
|   |-- SKILL.md
|   |-- agents/openai.yaml
|   |-- assets/
|   |   |-- template.html
|   |   `-- examples/
|   |       `-- 01_cover.svg
|   `-- references/
|       |-- style-system.md
|       |-- post-patterns.md
|       `-- qa-checklist.md
|-- luxury-branding-ig-post-skill/
|   |-- SKILL.md
|   |-- agents/openai.yaml
|   |-- assets/
|   |   |-- template.html
|   |   `-- examples/
|   |       `-- 01_cover.svg
|   `-- references/
|       |-- style-system.md
|       |-- post-patterns.md
|       `-- qa-checklist.md
|-- bold-typography-ig-post-skill/
|   |-- SKILL.md
|   |-- agents/openai.yaml
|   |-- assets/
|   |   |-- template.html
|   |   `-- examples/
|   |       `-- 01_cover.svg
|   `-- references/
|       |-- style-system.md
|       |-- post-patterns.md
|       `-- qa-checklist.md
|-- paper-texture-editorial-ig-post-skill/
|   |-- SKILL.md
|   |-- agents/openai.yaml
|   |-- assets/
|   |   |-- template.html
|   |   `-- examples/
|   |       `-- 01_cover.svg
|   `-- references/
|       |-- style-system.md
|       |-- post-patterns.md
|       `-- qa-checklist.md
|-- minimal-geometry-ig-post-skill/
|   |-- SKILL.md
|   |-- agents/openai.yaml
|   |-- assets/
|   |   |-- template.html
|   |   `-- examples/
|   |       `-- 01_cover.svg
|   `-- references/
|       |-- style-system.md
|       |-- post-patterns.md
|       `-- qa-checklist.md
|-- soft-editorial-lifestyle-ig-post-skill/
|   |-- SKILL.md
|   |-- agents/openai.yaml
|   |-- assets/
|   |   |-- template.html
|   |   `-- examples/
|   |       `-- 01_cover.svg
|   `-- references/
|       |-- style-system.md
|       |-- post-patterns.md
|       `-- qa-checklist.md
`-- retro-playful-editorial-ig-post-skill/
    |-- SKILL.md
    |-- agents/openai.yaml
    |-- assets/
    |   |-- template.html
    |   `-- examples/
    |       `-- 01_cover.svg
    `-- references/
        |-- style-system.md
        |-- post-patterns.md
        `-- qa-checklist.md

Limits

  • 這些 skills 是風格與流程規範,不是固定模板。
  • 最終品質仍取決於文案品質、圖片素材與 agent 的執行能力。
  • 若有品牌規範,請優先提供 logo、色票、字體與品牌 guideline。
  • 若沒有品牌素材,skill 會使用內建風格系統作為 fallback。

About

Reusable Instagram design skills for AI agents, focused on high-quality 4:5 social post aesthetics, style systems, cover references, and visual QA.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages