poster-hero

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

Dépôt: nexu-io/open-design
Dernière activité de la source: 22 mai 2026 à 08:39
Langue détectée de SKILL.md: chinois
Étoiles: 96 674
Forks: 11 234

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

npx skills add https://github.com/nexu-io/open-design --skill poster-hero

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers

3 fichiers

SKILL.md

Instructions source · Aperçu en lecture seule

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 做装饰性元素 (圆 / 三角 / 波浪 / 噪点纹理)。

Retour à la recherche Retour à l’installation

velar-luxury-real-estate

Use this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a typewriter preloader that lifts away, a scroll-driven house image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up numbers, and a hover-expand video gallery that slides up over the dark section. Invoke for 'luxury real estate landing page', 'architecture brand site', 'scroll-driven hero with rising building', or when the user references the Velar template.

2026-09-17

od-next-strategy

Bundled OD Next V2 strategy entrypoint for route-locked planning and Build execution.

2026-09-08

od-next-media-inputs

Prepare required media inputs within an existing OD Next plan. Reuse capability evidence, acquire and measure assets efficiently, and resolve asynchronous jobs without removing required content or weakening quality standards.

2026-09-08

Tout voir dans ce dépôt

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 做装饰性元素 (圆 / 三角 / 波浪 / 噪点纹理)。

poster-hero

Informations de source

Options d'installation

Vérifiez les fichiers source

Plus depuis ce dépôt

Plus depuis ce dépôt