Agent Skills
返回列表
🎨

海报设计(HTML/CSS)

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_69794d19/poster-designer-cn-pro。

技能介绍

要解决什么问题

活动、招聘或商品上架往往缺一张能立刻发群的宣传图,但很多人既没有 Figma/PS,也不想在模板站里反复改尺寸。这个技能把海报当成可打开的网页:你给出主题、文案和画布尺寸,它产出单文件 HTML,用浏览器打开就能截图或走打印流程,不依赖额外设计软件。

它怎么工作

典型输入是一句「帮我做一张××海报」加上主副标题、时间地点、尺寸(例如竖版活动图)。技能会按场景(活动 / 商品 / 招聘 / 节日)组织版面,用 HTML + 内联 CSS 做现代排版:层次分明的标题区、渐变背景、必要时用图标占位而不是凭空配图。

输出始终是自包含的一个 .html 文件——样式写在文件里,拷走就能用。信息不全时应当先追问主标题、副标题、时间地点等,而不是编造文案。

边界与注意点

  • 素材:不生成带版权问题的图片;需要实拍或品牌图时请你自己提供,或接受图标/色块替代。
  • 字体:HTML 里可能引用系统或 Web 字体;商用发布前请自行确认字体授权。
  • 能力上限:复杂品牌视觉、精细修图仍应找平面设计师;本技能适合「快出一张可读、可改文案的版式稿」。

使用场景

  • 社区或线下活动已定主题与时间,你只有主副标题和地点文案,需要在浏览器里打开即可截图发到群里的活动海报。
  • 小店或独立项目上新,要用几张卖点文案拼成竖版商品宣传图,方便反复改字后重新截图。
  • HR 发布岗位招聘,需要统一版式的招聘海报,导出为单页 HTML 便于内网打开或打印张贴。
  • 节日或品牌节点要做预热图,希望现代渐变排版和图标占位,不依赖 Figma 或 PS 先出一版。

适合人员

  • 负责社群或线下活动宣发、经常自己写文案却没人做图的运营或志愿者
  • 小团队里兼管上架与推广的开发者/创始人,想快速出可改字的商品或活动图
  • HR 或行政人员要周期性发招聘启事,需要可打印、版式统一的宣传页
  • 会用浏览器截图、不想学专业设计软件但需要活动/节日海报草稿的非设计岗同事