Skip to main content

poster-hero

Vertical poster or Moments-style share image with strong visual impact.

跳到安装

来源信息

仓库
nexu-io/open-design
最近来源活动
2026年5月22日 08:39
检测到的 SKILL.md 语言
中文
星标
96,674
分支
11,234

安装方式

默认使用会先检查来源的 Prompt;你也可以切换为直接命令,或下载本地副本。

检查来源文件

决定是否安装前,请先阅读 SKILL.md,以及 SkillsMP 当前展示的配套文件。

文件资源管理器
3 个文件

正在显示 SKILL.md

SKILL.md
来源说明 · 只读预览
name
poster-hero
zh_name
营销海报
en_name
Marketing Poster
emoji
🖼️
description
Vertical poster or Moments-style share image with strong visual impact.
zh_description
竖版海报 / 朋友圈分享图, 强视觉冲击
en_description
Vertical poster or Moments-style share image with strong visual impact.
category
poster
scenario
marketing
aspect_hint
1080×1920 竖版
tags
["poster","海报","朋友圈"]
example_id
sample-poster-launch
example_name
营销海报 · 产品发布
example_format
markdown
example_tagline
9:16 朋友圈分享图
example_desc
高对比度发布海报, 含 QR 码占位 + 渐变 mesh + 噪点纹理
od
{"mode":"prototype","surface":"web","platform":"desktop","scenario":"marketing","upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"Use the Marketing Poster template to turn my content into a vertical poster or Moments-style share image with strong visual impact. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.","example_prompt_i18n":{"zh-CN":"用「营销海报」模板把我的内容做成一份「竖版海报 / 朋友圈分享图, 强视觉冲击」。保持模板的视觉签名,使用真实内容和数据,避免 lorem ipsum 和占位图片。"}}
【模板: 营销海报】 - 容器 `w-[1080px] h-[1920px] mx-auto`, 全屏渐变 / mesh 背景。 - 上部 30% 留白 + 一个大 emoji 或抽象几何图形。 - 中部主标题占视觉中心 (text-8xl, font-black), 一句话副标题。 - 下部信息卡片: 3-5 条核心要点用图标 + 短句。 - 底部右下角放品牌 / 二维码 (用 SVG 占位)。 - 使用大胆的色彩: 渐变背景 (from-violet-500 via-fuchsia-500 to-indigo-500 之类), 文字白色 + 1 个对比色高亮。 - 使用 SVG 做装饰性元素 (圆 / 三角 / 波浪 / 噪点纹理)。
在 GitHub 查看