Communitygithub.com

101-skills/superpowers

標誌設計原則與 AI 圖像生成的最佳實踐,涵蓋標誌類型、提示技巧、可擴展性規則與迭代工作流程。用於:品牌識別、新創標誌、應用程式圖示、網站圖示、標誌概念。

superpowers 是什麼?

此技能「101-skills/superpowers」是一份專注於利用 AI 圖像生成進行標誌設計的實用指南,特別針對 inference.sh CLI 工具進行了最佳化。它旨在幫助開發者與設計師快速建立有效的品牌標誌,涵蓋從概念發想到最終產出的完整流程。技能文件詳細說明了多種標誌類型(如文字標、字母標、圖形標等)及其適用場景,並明確指出 AI 在生成文字時的限制,提供避開此陷阱的策略。 此技能的核心價值在於提供經過驗證的提示詞結構與關鍵字,避免常見的失敗模式,並指導使用者如何針對不同標誌風格(抽象幾何、寫實動物、吉祥物等)設計精準的提示詞。此外,它還強調了標誌的可擴展性法則,確保設計在從 favicon 到大型看板的各種尺寸下都能保持清晰可辨。 透過實際的 CLI 指令範例,使用者可以學習到一個系統性的迭代工作流程:從生成多個廣泛概念開始,逐步精煉最佳設計,最終產出高解析度檔案並進行放大處理。技能也涵蓋了色彩心理學、常見錯誤分析與最終檔案格式的選擇,是一套完整、可立即上手的標誌設計系統。支援的平台主要為 inference.sh 生態系,並可與其他 AI 圖像生成及提示工程技能搭配使用。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/design/logo-design-guide

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

安裝 belt CLI 技能: npx skills add belt-sh/cli

標誌設計指南

透過 inference.sh CLI 使用 AI 圖像生成設計有效的標誌。

快速開始

需要 inference.sh CLI (belt)。安裝說明

belt login

# 生成一個標誌概念
belt app run falai/flux-dev-lora --input '{
  "prompt": "flat vector logo of a mountain peak with a sunrise, minimal geometric style, single color, clean lines, white background",
  "width": 1024,
  "height": 1024
}'

標誌類型

類型描述使用時機範例
文字標 (Wordmark)公司名稱設計成標誌品牌名稱強而有力且簡短 (< 10 個字元)Google, Coca-Cola
字母標 (Lettermark)僅使用縮寫字母公司名稱較長,正式場合IBM, HBO, CNN
圖形標 (Pictorial)可識別的圖示/符號通用品牌,無文字也能運作Apple, Twitter bird
抽象標 (Abstract)幾何/非寫實形狀科技公司、概念性品牌Nike swoosh, Pepsi
吉祥物標 (Mascot)角色插畫友善品牌、食品/運動KFC Colonel, Pringles
組合標 (Combination)圖示 + 文字標搭配需要同時建立識別度與名稱認知的新品牌Burger King, Adidas

關鍵 AI 限制

AI 圖像生成器無法可靠地渲染文字。 字母將會變形、拼錯或產生亂碼。

策略:

  1. 僅使用 AI 生成圖示/符號
  2. 在設計工具 (Figma, Canva, Illustrator) 中加入文字/文字標
  3. 或採用組合方式:AI 生成的圖示 + 手動設定的字體

撰寫提示詞:標誌

有效的關鍵字

flat vector logo, simple minimal icon, single color silhouette,
geometric logo mark, clean lines, negative space design,
line art logo, flat design icon, minimalist symbol

無效的關鍵字

❌ photorealistic logo (矛盾 — 標誌不是照片)
❌ 3D rendered logo (太複雜,無法縮小)
❌ gradient logo (結果不一致,難以複製)
❌ logo with text "Company Name" (文字渲染失敗)

提示詞結構

flat vector logo of [主體], [風格], [顏色限制], [背景], [額外細節]

各類型標誌範例

# 抽象幾何
belt app run falai/flux-dev-lora --input '{
  "prompt": "flat vector abstract logo, interlocking hexagonal shapes forming a letter S, minimal geometric style, single navy blue color, white background, clean sharp edges"
}'

# 圖形標 - 自然
belt app run falai/flux-dev-lora --input '{
  "prompt": "flat vector logo of a fox head in profile, geometric faceted style, orange and white, minimal clean lines, white background, negative space design"
}'

# 吉祥物風格
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "friendly cartoon owl mascot logo, simple flat illustration, wearing graduation cap, purple and gold colors, white background, clean vector style"
}'

# 科技抽象
belt app run xai/grok-imagine-image-pro --input '{
  "prompt": "minimal abstract logo mark, interconnected nodes forming a brain shape, line art style, single teal color, white background, tech startup aesthetic"
}'

可擴展性法則

標誌必須在各種尺寸下都能運作:

情境尺寸必須能運作的部分
網站圖示 (Favicon)16x16 px輪廓可辨識
應用程式圖示1024x1024 px完整細節可見
社群頭像400x400 px一眼就能看清
名片~1 吋印刷清晰
看板10 英尺以上不模糊,夠簡潔

可擴展性檢查清單

  • 在 16px favicon 下仍可辨識 (瞇眼測試)
  • 單色 (白底黑圖) 效果良好
  • 反白 (黑底白圖) 效果良好
  • 沒有會在小尺寸下消失的微小細節
  • 沒有會因縮小而消失的細線
  • 不靠顏色也能有清晰的輪廓

色彩指南

  • 主標誌最多使用 2-3 種顏色
  • 必須能在單一顏色 (黑色、白色或品牌主色) 下運作
  • 考慮色彩心理學:
    • 藍色:信任、專業 (金融、科技、醫療保健)
    • 紅色:能量、緊迫感 (食品、娛樂、零售)
    • 綠色:成長、自然 (健康、永續、金融)
    • 橙色:友善、創意 (新創、年輕品牌)
    • 紫色:奢華、智慧 (美容、教育)
    • 黑色:高級、優雅 (時尚、奢華、科技)
  • 在淺色和深色背景上測試

迭代工作流程

# 步驟 1:生成 5-10 個廣泛概念
for i in {1..5}; do
  belt app run falai/flux-dev-lora --input '{
    "prompt": "flat vector logo of a lighthouse, minimal geometric, single color, white background"
  }' --no-wait
done

# 步驟 2:對最佳概念進行變體精煉
belt app run falai/flux-dev-lora --input '{
  "prompt": "flat vector logo of a geometric lighthouse with light beam rays, minimal line art, navy blue, white background, negative space design"
}'

# 步驟 3:生成高解析度的最終版本
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "flat vector logo of a geometric lighthouse with radiating light beams, minimal clean design, navy blue single color, pure white background",
  "size": "2K"
}'

# 步驟 4:為生產用途放大
belt app run falai/topaz-image-upscaler --input '{
  "image": "path/to/best-logo.png",
  "scale": 4
}'

常見錯誤

錯誤問題修正方法
細節過多小尺寸時失去清晰度簡化至基本形狀
依賴顏色在黑白情境中失效先用黑色設計
在 AI 生成中加入文字字母變形或拼錯僅生成圖示,手動加入文字
流行效果 (發光、陰影)快速過時,複製困難堅持扁平、永不過時的設計
顏色過多難以複製,印刷成本高最多 2-3 種顏色
不對稱但缺乏目的看起來不完整使用有意的非對稱或保持平衡

檔案格式交付

格式用途
SVG可縮放向量,網頁,編輯
PNG (透明背景)數位用途,簡報
PNG (白底)文件,電子郵件簽名檔
ICO / Favicon網站圖示 (16, 32, 48px)
高解析度 PNG (4096px+)印刷,看板

注意:AI 生成點陣圖像 (PNG)。如需真正的向量 SVG,請將 AI 輸出作為參考,並在向量工具中描繪,或使用 AI 轉 SVG 工具。

相關技能

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering

瀏覽所有應用:belt app list

Individual skills in this repo

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

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

相關技能