Communitygithub.com

101-skills/superpowers

Logo 设计原则与 AI 图像生成最佳实践,涵盖 logo 类型、提示词技巧、缩放规则和迭代工作流。适用于品牌标识、初创公司 logo、应用图标、favicon 以及 logo 概念设计。

superpowers 是什么?

该技能为开发者提供了一套完整的 Logo 设计流程,结合 AI 图像生成工具(如 inference.sh CLI)来解决品牌视觉设计中的常见问题。它详细介绍了字标、字母标、象形标、抽象标等不同 Logo 类型的适用场景,并重点强调了 AI 图像生成在文字渲染方面的局限性,建议仅生成图标部分后再通过设计工具添加文字。技能提供了大量有效的提示词结构示例和失败关键词分析,帮助用户避免常见陷阱。此外,它还包含了从 favicon 到广告牌的多尺寸缩放规则、色彩指南(包括色彩心理学应用)、迭代生成工作流(从概念探索到高分辨率输出再到图像放大),以及最终交付的矢量(SVG)和光栅(PNG)文件格式选择建议。该技能主要适用于 inference.sh/CLI 平台,但也提供了与 Figma、Canva 等设计工具结合使用的策略。

兼容平台~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

Logo 设计指南

通过 inference.sh CLI 利用 AI 图像生成高效设计 Logo。

快速开始

需要 inference.sh CLI(belt)。安装说明

belt login

# 生成一个 Logo 概念
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
}'

Logo 类型

类型描述适用场景示例
字标公司名称样式化为 Logo品牌名称强且短(少于 10 个字符)Google, Coca-Cola
字母标仅使用首字母缩写公司名称长、正式IBM, HBO, CNN
象形标可识别的图标/符号通用品牌,无需文字也能理解Apple, Twitter 小鸟
抽象标几何/非具象形状科技公司、概念品牌Nike 勾, Pepsi
吉祥物角色插画友好型品牌、食品/运动肯德基上校, Pringles
组合标图标 + 字标结合需要同时体现识别度和名称的新品牌Burger King, Adidas

AI 关键限制

AI 图像生成器无法可靠地渲染文字。 字母会出现扭曲、拼写错误或乱码。

应对策略:

  1. 仅用 AI 生成图标/符号
  2. 在设计工具(Figma、Canva、Illustrator)中添加文字/字标
  3. 或采用组合方案:AI 图标 + 手动排版

Logo 提示词技巧

有效的关键词

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(矛盾——Logo 不是照片)
❌ 3D rendered logo(过于复杂,无法缩小)
❌ gradient logo(效果不稳定,难以重现)
❌ logo with text "Company Name"(文字渲染失败)

提示词结构

flat vector logo of [主题], [风格], [颜色限制], [背景], [附加细节]

按 Logo 类型举例

# 抽象几何
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"
}'

缩放规则

Logo 必须在任何尺寸下都有效:

场景尺寸必须满足的条件
Favicon16x16 px轮廓可识别
应用图标1024x1024 px细节完全可见
社交头像400x400 px一眼看清
名片约 1 英寸打印效果清晰
广告牌10 英尺以上不模糊,足够简洁

缩放检查清单

  • 缩小到 16px favicon 仍可识别(眯眼测试)
  • 单色(黑底白字)正常工作
  • 反色(白底黑字)正常工作
  • 没有在小尺寸下消失的微小细节
  • 没有在缩小时消失的细线
  • 没有颜色时轮廓清晰

色彩指南

  • 主 Logo 最多使用 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网站 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.

相关技能