mcpField
C
creative-direction

creative-direction

github.com/dylanfeltus创意与媒体180245 次安装7 周前更新
代码仓库

关于 creative-direction

creative-direction 面向为产品和营销网站制作图像的人员,提供提示词模板、模型选择建议,以及让生成图像更具体且风格统一的方法。

主要功能

  1. 01按素材类型提供图像提示词
  2. 02图像模型选择建议
  3. 03风格一致性框架
  4. 04避免图像趋于通用的建议
  5. 05增强真实感与质感的提示方法

适用场景

  1. 01规划落地页主视觉
  2. 02制作风格统一的功能插图
  3. 03为视觉素材选择模型
  4. 04改进显得千篇一律的生成图像

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/dylanfeltus/skills --skill creative-direction

安装后在 Claude Code 中输入/creative-direction确认已加载。

附带文件README.md

详细介绍

创意方向

用于生成视觉素材的图像提示词模板、模型选择指南和避免千篇一律的模式。涵盖主视觉图、功能插图、客户评价照片、OG 图等。

适用场景

  • 用户需要为着陆页、应用或营销网站制作图像
  • 用户提出“主视觉图”“功能插图”或“OG 图”
  • 用户希望生成看起来不像图库照片的 AI 视觉素材
  • 用户正在选择图像生成模型
  • 用户生成的 AI 图像看起来千篇一律,需要明确方向

核心理念

  • 千篇一律是大敌。“一个人在用笔记本电脑”生成的图像令人过目即忘。具体细节才能让人印象深刻。
  • **每张图都有自己的任务。**主视觉图 = 情感 + 愿景。功能图 = 清晰。客户评价图 = 信任。编写提示词前,先明确图像的任务。
  • **模型很重要。**不同模型各有所长。选择合适的工具。
  • **一致性胜过质量。**一组风格统一、质量为 7/10 的图像,胜过一张 10/10、另外六张风格不搭的图像。

模型选择指南

各模型的适用场景
模型最适合弱点成本
GPT-4o / DALL-E 3图像中的文字、图表、信息图、精准构图可能显得“插画感”较强,写实度较低API 额度
Gemini Imagen照片级真实感、自然场景、产品照片构图控制力较弱,文字渲染效果不稳定API 额度
Midjourney艺术品质、氛围、电影感镜头、品牌图像没有 API(仅限 Discord),对具体细节的表现不一致订阅
Flux (via Replicate)照片级真实感、人脸、灵活的风格需要 Replicate 账户按张计费
Unsplash / Pexels真实摄影;AI 图像看起来太像 AI 时选择范围有限,只能使用现有素材;姿势容易显得普通免费
决策树
Need text in the image? → DALL-E 3 / GPT-4o
Need photorealistic people? → Flux or Gemini
Need artistic/cinematic mood? → Midjourney
Need a specific real-world scene? → Unsplash/Pexels
Need consistency across many images? → Pick ONE model, same style prompt prefix
Need diagrams/UI mockups? → DALL-E 3 / GPT-4o

按素材类型划分的提示词模板

主视觉图

**任务:**营造令人动容的第一印象。在 2 秒内传达产品的气质。

模板:

[Art style], [subject doing something specific and aspirational],
[environment with mood-setting details], [lighting description],
[color palette constraint], [composition note]

示例 — SaaS 产品:

Cinematic photograph, a product designer reviewing a clean dashboard
on a large monitor in a sunlit corner office, morning golden hour
light casting long shadows, muted blue and warm cream color palette,
shot from over the shoulder with shallow depth of field, 35mm lens feel

避免千篇一律的模式:

  • ❌“一个人在用电脑” → ✅“一位设计师在超宽显示器上查看分析数据,桌上散落着便签”
  • ❌“快乐的团队在工作” → ✅“三位工程师围在白板旁,其中一人正开怀大笑,手里拿着马克笔,午后阳光洒落”
  • ❌“抽象的科技” → ✅“双手在桌上摆放实体卡片的特写,每张卡片上都有一幅小型线框草图”
功能/产品插图

**任务:**说明功能的作用。清晰度 > 美观度。

模板:

[Clean/minimal style], [the feature's core concept as a visual metaphor],
[simple background], [brand colors], [no text unless needed]

示例 — 分析功能:

Minimal 3D illustration, a translucent glass cube containing floating
data points that form a rising trend line, soft gradient background
from white to light blue, subtle shadows, isometric perspective

提示:

  • 使用视觉隐喻,而不是照搬实际截图
  • 保持背景简洁,让插图适用于任何页面区块
  • 所有功能插图的风格保持一致(相同的渲染风格、视角和色彩处理)
客户评价/社会认同

**任务:**建立信任,让真实人物显得真实。

**做法:**尽可能使用真实照片(并取得许可)。如果使用生成图像:

Professional headshot, [specific person description with age/style details],
[neutral or office background], [natural lighting], [warm but professional mood],
shot at eye level, slight smile, [avoid uncanny valley — add imperfections]

提示:

  • 多样性很重要——应涵盖不同年龄、族裔和风格
  • 避免“企业形象照”的感觉——略带随意感会更可信
  • ⚠️ 用于客户评价的 AI 生成人脸在伦理上值得商榷。优先使用真实照片。如果使用生成图像,请如实说明。
Open Graph (OG)/社交卡片

**任务:**吸引信息流中的点击。必须在小尺寸下也能正常显示。

模板:

[Bold, high contrast], [simple central element],
[large readable text area (left or center)],
[brand color background or gradient], [16:9 aspect ratio],
minimal detail — this will be viewed at 600×315px

主要限制:

  • 缩略图尺寸下必须清晰可读
  • 文字应单独生成并进行合成(AI 文字渲染不可靠)
  • 背景与文字区域之间要有高对比度
  • 简单形状 > 复杂场景
图标/Logo 概念

**任务:**在极小的空间内传达品牌形象。

Minimal vector icon, [object/symbol], [single or two-color],
clean lines, works at 32px, [style: geometric/rounded/sharp],
white background, no gradients, no shadows

提示:

  • 先生成概念,再用 Figma/SVG 重新制作,以用于正式发布
  • AI 生成的 Logo 是起点,不是最终成品
  • 在小尺寸下测试——如果缩至 32px 后无法辨认,就简化设计
背景 / 纹理

作用: 增添层次感,但不要喧宾夺主。

Abstract [texture type], [color palette], subtle variation,
tileable/seamless, low contrast, [usage: dark background with light text / light background with dark text]

纹理类型: 渐变网格、噪点颗粒、几何图案、有机形状、等高线、点阵网格


风格一致性框架

为项目生成多张图片时,请创建一个风格前缀,并将其添加到每条提示词的开头:

STYLE PREFIX: "Minimal 3D illustration, soft matte materials, isometric perspective,
pastel color palette with [brand blue] accents, subtle ambient occlusion shadows,
white background —"

然后,每条提示词都变为:

[STYLE PREFIX] a shield icon representing security features
[STYLE PREFIX] a speedometer showing performance optimization
[STYLE PREFIX] a connected graph showing team collaboration
一致性检查清单
  • 相同的艺术风格(3D、扁平、摄影风格等)
  • 相同的调色板(或其子集)
  • 相同的视角(等距、正面等)
  • 相同的光照方向
  • 相同的细节 / 复杂度
  • 相同的背景处理方式

避免千篇一律的实用指南

具体程度阶梯

每个级别都会增加令人印象深刻的程度:

  1. 笼统:“一个工作空间” ❌
  2. 具体:“配有绘图板的设计师工作空间” ⬆️
  3. 有氛围:“黄金时刻的设计师工作空间,暖光照在 Wacom 绘图板上” ⬆️
  4. 有故事:“黄金时刻的设计师工作空间,绘图板上有一幅尚未完成的插画,咖啡杯上留着口红印,耳机搭在显示器上” ✅

始终以第 3–4 级为目标。

应避免的常见 AI 图片套路
❌ 陈词滥调✅ 替代方案
发光球体 / 粒子实体纹理、天然材料
悬浮的全息 UI真实设备、纸质原型
到处都是紫 / 蓝渐变大地色系、品牌专属调色板
等距城市街区聚焦单一物体的构图
完美对称刻意不对称、三分法
高饱和度色彩柔和、低饱和度的调色板,搭配一种强调色
“AI 艺术风格”的光亮感哑光材质、胶片颗粒、不完美感
为 AI 图片增添真实感

在提示词中加入:

  • 胶片颗粒:“轻微胶片颗粒感,使用 35mm 胶片拍摄”
  • 不完美感:“边缘略有磨损”、“桌上有咖啡渍”
  • **自然光照:**使用“阴天的漫射光”,而非“明亮的影棚灯光”
  • **景深:**使用“浅景深,f/1.8”来突出焦点
  • 纹理:“哑光表面”、“亚麻纹理”、“混凝土表面”

输出格式

提供创意指导时,请输出:

### Creative Direction: [Asset Type]

**Purpose:** What this image needs to communicate
**Model recommendation:** [Model] — [Why]
**Style:** [Art direction notes]

**Prompt:**
[Full prompt ready to paste]

**Variations to try:**
1. [Alternative angle/mood]
2. [Alternative style]

**Post-processing notes:**
- [Any needed adjustments — cropping, overlay, text addition]

示例

示例 1:“我需要一张用于项目管理 SaaS 的主视觉图片”

**目的:**传达对复杂项目的清晰把握与掌控力 **模型:**Midjourney(电影级质量)或 DALL-E 3(需要文字时)

提示词:

Cinematic overhead photograph of a large wooden desk with neatly organized
project cards, color-coded sticky notes in a kanban layout, a MacBook
showing a clean dashboard, a ceramic mug, natural window light from the left,
shallow depth of field focusing on the cards, muted warm palette with
one accent color (brand blue), 35mm film aesthetic with slight grain
示例 2:“为我们的 4 项主要功能生成插图”

风格前缀:

Minimal 3D illustration, soft matte clay-like materials, front-facing
perspective, brand indigo (#6366F1) as accent, light gray (#F9FAFB)
background, gentle directional shadow to the bottom-right —

提示词:

  1. [prefix] 放大镜悬停在整齐排列的文档网格上方
  2. [prefix] 两块拼图相连,连接处有一小点火花
  3. [prefix] 一个表盘,分区以不同颜色显示时间分配
  4. [prefix] 一面盾牌,带有一个小勾,略微倾斜
示例 3:“我们的 AI 图片看起来太普通了,帮帮忙”

根据避免千篇一律的实用指南审核当前图片。常见改进方法:

  1. 增加具体性(达到阶梯上的第 3–4 级)
  2. 替换陈词滥调(将发光球体改为实体纹理)
  3. 在提示词中加入胶片颗粒 / 不完美感
  4. 限定调色板
  5. 在所有图片中使用一致的风格前缀

评论

支持 Markdown