海报设计器

Name: Image Poster Designer
Author: @media_lin

React海报设计排版Image更新于 2026-08-14

使用场景： 为活动、产品、社媒推广、主视觉与可分享引语创作海报——从一个标题或一张上传图片开始。

安装

npx skills add image-poster-designer

克隆

git clone https://github.com/skillhub-community/image-poster-designer.git

仓库文档

描述

编辑感海报设计器。给定标题（或图片+说明），用布局引擎按编辑原则构图：超大衬线/无衬线标题、划线或斜体强调词、日期栏/标签栏与强排版层级。布局预设包括：Vertical hero、Split diagonal、Newspaper（报纸网格）、Framed minimal 与 Collage（叠加图像+文字）。海报基于 HTML/canvas 构建，任意尺寸导出都清晰。

设计控制：选择字体搭配（衬线展示字+无衬线正文）、精选色板（或从上传图像经主色提取取色）、添加颗粒/纹理叠加，以及微调边距留白。包含「海报化学」检查器，标记常见业余错误（字体过多、对比不足、完全居中）。导出：PNG@2x、PDF（打印就绪+出血选项）与 SVG。另有紧凑「moments」模式做社媒分享引语图形。

AI Hub

跑 Skill 需要模型接口？

AI Hub 提供 OpenAI 兼容接口，给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@media_lin

许可证MIT

版本1.0.0

依赖1

依赖

Image Editor Toolkit