海报设计工具，输入海报主题/文案/尺寸，自动生成可直接打开的 HTML 海报（现代排版+渐变+图标），支持活动海报/商品海报/招聘海报/节日海报。输出单文件 HTML，可截图或打印，无需设计软件，适合运营人和自媒体快速出图。

slug: poster-designer-cn-pro displayName: 海报设计 Skill（HTML/CSS） version: 1.1.0 description: 海报设计 Skill。输入海报主题/文案/尺寸，自动生成可直接打开的 HTML 海报（现代排版+渐变+图标），支持：活动海报/商品海报/招聘海报/节日海报。输出单文件 HTML，可截图或打印。无需设计软件。 homepage: https://github.com/zhaoheng588-tech/ai-skills-collection/skills/poster-design license: MIT tags: [ai-skill]

海报设计 Skill（HTML/CSS）

功能

海报设计 Skill。输入海报主题/文案/尺寸，自动生成可直接打开的 HTML 海报（现代排版+渐变+图标），支持：活动海报/商品海报/招聘海报/节日海报。输出单文件 HTML，可截图或打印。无需设计软件。

使用流程

1. 用户提供输入（要做海报、活动图、宣传图、商品图） 2. 按下方核心步骤处理 3. 输出结构化结果（报告/代码/文件）

直接提问模板（复制即可用）

> 帮我做一张 <活动/商品> 海报，文案是 <内容>，尺寸 <竖版/方版>。

异常处理（遇到问题时）

情况	正确处理
文案缺失	先问主标题/副标题/时间地点等信息
需要图片素材	说明本工具生成 HTML 排版，图片需用户提供或用图标替代

不适用场景（诚实说明）

- 不生成涉及版权的图片素材 - 字体版权提示（商用需授权字体） - 不替代专业平面设计（复杂视觉需求建议设计师）

FAQ（常见问题）

Q：输出什么格式？ 单文件 HTML，浏览器打开即可截图/打印。 Q：需要设计软件吗？ 不需要，HTML/CSS 自动排版。 Q：能改尺寸吗？ 能，说明需求即可调整。

核心原则

生成单文件 HTML（自包含样式）；文案不夸大；版权字体提示

输入要求

- 明确告知用户需要提供的信息 - 信息不足时先提问补齐，不臆造

输出说明

- 结构化输出（表格/Markdown/代码/文件） - 附使用说明与注意事项

合规声明

- 本 Skill 输出为辅助工具结果，不构成专业意见/投资建议/法律意见 - 涉及用户数据时本地处理、不上传 - 请遵守各平台服务条款与相关法规

来源：GitHub https://github.com/zhaoheng588-tech/ai-skills-collection