前进海报设计

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

专业海报设计方法论。当用户需要设计海报(产品促销/节日节气/新品发布/餐饮美食/美妆香氛/数码科技/展览活动/品牌视觉)、需要把想法变成可直接使用的成品设计图、需要提炼海报文案与排版结构、或需要检查已有海报的设计问题时使用。内置六类海报范式、七种风格体系、配色与字阶规范、文案公式与提示词模板,产出即成品设计图。

一句话选型结论

按资料字段整理

前进海报设计是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_d3228c23/qianjin-poster
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_d3228c23仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791692229
正文体量8.4 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
前进海报设计当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

8.4 KB
模型实际读到的说明书原文,来自技能仓库

前进海报设计 · qianjin-poster v3.0.0

> 第一原则:能一次出图的,不拆成多步。
> 海报的价值在成品,不在流程。默认路径 = 想清楚 → 一次生成 → 交付。


一、核心工作流(三步)

① 想清楚(10 秒)→ ② 一次生成 → ③ 交付

① 想清楚只回答三个问题:

问题 决定什么
这张海报给谁看、要他做什么? 视觉冲击强度、文案力度
主体是什么? 构图重心、留白位置
用什么调性? 配色、字体、装饰密度

② 一次生成:把范式 + 风格 + 文案 + 排版要求写进提示词,直接出成品。

③ 交付:一次出图就是终点。只在用户明确要求改某处时才迭代。

什么情况才需要多步

场景 为什么要多步
用户给了产品实拍图,要求严格保留其外观 生图会重画产品 → 需抠图后叠加
要求逐层悬浮解构(配料分层/产品结构拆解) 生图排不准层间位置与标签对齐
要求像素级尺寸且比例与生图默认不同 需扩边适配

这三种之外,一律一次出图。 下面是正文。


二、六类海报范式

类型 核心诉求 主体 文案重心
产品促销 划算 / 紧迫 产品 + 价格视觉锤 痛点 → 利益 → 价格锚点
节日节气 仪式感 / 氛围 节气符号 + 产品 情绪文案为主
新品发布 悬念 / 高级 产品特写 一句话主张
餐饮美食 食欲 / 诱人 食物特写(超写实) 品类 + 口感想象
美妆香氛 质感 / 高级 产品 + 材质特写 情绪 + 香调意象
展览活动 参与 / 社交 主题视觉 时间地点 + 行动号召

品牌视觉 / 科技数码 / 文艺雅致 等可归入上述六类的变体。


三、七种风格体系

风格 气质 配色方向 适用
新中式养生 温润古朴 宣纸白 × 鸢尾蓝 + 朱红 茶饮/滋补/理疗
国潮 浓烈喜庆 深紫/正红 × 描金 文创/非遗/节庆
极简科技 冷静克制 近黑 × 荧光青 数码/工具
暖心家居 温柔生活 奶白 × 陶土橘 家居/小家电
美食诱惑 浓香诱人 深巧克力 × 明黄 餐饮/零食
促销炸裂 冲击爆发 正红 × 亮黄 大促/清仓
杂志封面 编辑感 宣纸白 × 鸢尾蓝 品牌种草/态度

配色硬规则(详见 color-system.md):
- 强调色与背景色相差 ≥60°(同色相 = 发闷)
- 底色低饱和 ≤30%(底色是"纸",不是主角)
- 文字层级靠明度阶梯,不靠色相


四、文案公式

主标题(七类结构轮换,忌句式雷同)

结构 例
反常识判断 「不是所有气泡水都甜」
故事钩子 「凌晨四点的那口汤」
疑问句 「你还记得第一口桃子的甜吗」
数字悬念 「7% 的微醺,刚好」
痛点直击 「加班到十点,想喝点不一样的」
利益直给 「冰镇一下,醒来」
时间/场景 「夏天的第一口」

痛点驱动 > 热点驱动:先回答"读者今天为什么烦",再匹配产品。

副标 / 卖点

  • 副标 ≤12 字,补充主标未说完的
  • 卖点用「利益 + 证据」,如「0 脂 0 卡 · 真实果汁」
  • 产品信息(规格/净含量/酒精度)放色块内,字号小于主标两级

五、提示词模板(直接可用)

通用结构

【类型】{海报类型},{画幅比例}。
【主体】{主体描述},{位置/姿态/占比}。
【氛围】{光影},{色彩层次},{质感关键词}。
【文字】{逐条列出,每条注明位置与字号层级}。
【配色】{主色}、{辅色}、{强调色}。
【禁止】文字变形、多余元素、水印。

关键:文字要逐条写清

【文字排版】
- 顶部中央小字:SMSR
- 瓶身中央:AimaVis
- 中下部大号手写体英文:Don't wait for inspiration
- 手写体下方小字:Every great idea begins with a spark

不要写「加上品牌名和 slogan」 —— 模型会乱排。逐条指定位置。

示例(餐饮)

美食海报,竖版 3:4。
主体:一碗螺蛳粉超写实特写,低角度仰视,筷子夹起瀑布状面条,
     橙红油汤挂在面条表面,配料酸笋花生木耳散落。
氛围:暖黄侧逆光,蒸汽升腾,热气腾腾,浅景深虚化厨房背景。
文字(逐条):
  - 左上角书法大字:螺蛳粉
  - 大字右侧竖排拼音:LUO SI FEN
  - 右上角木质感挂牌:古法秘制
  - 底部弧形木框内三行:骨汤慢熬 鲜爽够味 / 配料丰富 分量十足 / 地道风味 一口上头
配色:暖橙红、深棕、金黄撞色。
禁止:文字变形、多余元素、水印。

六、检查清单(出图后过一遍)

  • [ ] 主体占比够大(一般 ≥35%),一眼看清是什么
  • [ ] 文字逐条核对是否正确、有无变形/错字
  • [ ] 文字层级清晰(主标 > 副标 > 卖点 > 小字)
  • [ ] 配色对比够(强调色与背景不同色相)
  • [ ] 留白呼吸(不塞满每个角落)
  • [ ] 无水印、无多余元素

用户说"感觉不对"时,按此表定位问题,不要盲目重出。


七、逐层悬浮解构(唯一需要引擎的场景)

当用户要求配料分层 / 产品结构拆解 / 层间标签对齐时,生图排不准位置,改用:

# 1. 生图各部件(透明 PNG)
# 2. 用引擎叠层 + 水平引线标签
python scripts/compose_layered.py --bg base.png --out final.png \
  --layer "屏幕.png@0.66,0.30,0.15" --layer "机身.png@0.62,0.50,0.30" \
  --callout-style horizontal --callout-align auto \
  --callout "阔屏总成@0.28,0,1,l" --callout "麒麟芯片@0.28,0,2,l" \
  --title "Mate 90 逐层解构" --subtitle "六层精密 层层可见"

参数与用法详见 references/layered-deconstruct.md。


八、能力边界(诚实说明)

需求 能否满足
常规海报(促销/节日/餐饮/美妆/活动) ✅ 一次出图
需要严格保留产品实拍外观 ✅ 抠图叠加
逐层悬浮解构 ✅ 引擎
像素级尺寸输出 ✅ --save-size
复杂中文书法字体 ⚠️ 用生图生成标题 PNG
像素级字体微调/精确对齐 ❌ 建议用 Figma/AI

如果需求超出上表,直接用 Figma 或即梦,不要硬套本技能。


九、文件结构

qianjin-poster/
├── SKILL.md                      # 本文件
├── references/
│   ├── color-system.md           # 配色系统:色相差/明度阶梯/对比度诊断
│   ├── poster-types.md           # 六类海报范式详解 + 提示词
│   ├── styles.md                 # 七种风格配色/字体/装饰/构图
│   ├── copywriting.md            # 文案公式与标题结构
│   ├── layered-deconstruct.md    # 逐层悬浮解构(引擎用法)
│   └── font-guide.md             # 免费商用字体清单
└── scripts/
    ├── compose_layered.py        # 逐层悬浮解构引擎
    └── fontlib.py                # 字体索引

一句话:想清楚 → 一次生成 → 交付。不要为了流程而流程。

常见问题

5 问
答案由本站依据条目字段整理
前进海报设计怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_d3228c23/qianjin-poster。安装方式为未标注。装完刷新技能列表或重开客户端。

前进海报设计支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

前进海报设计权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

前进海报设计收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

前进海报设计用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。