跳到正文
cccskills
免费在 GitHub 公开

card-quote

Create 16:9 landscape images for sharing a quote or key figures on social media. The skill arranges text, attribution, supporting metrics, and branding in HTML, then renders the card as a PNG image.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

生成适合微博、知乎、公众号或 X/Twitter 分享的 16:9 横版金句卡和数据卡。当用户说“做金句卡、语录卡、数据卡、横版分享卡”时使用。小红书竖版知识卡用 card-xiaohongshu,竖版营销海报用 poster-hero。

实测评分 未实测

查看安装方法

适用场景

  • Turn a key statement into a shareable quote card
  • Highlight a main figure with supporting metrics
  • Create an image for a WeChat official account article
  • Prepare a branded landscape card for X/Twitter

包含的文件(4)

  • SKILL.md3.2 KB
  • EASEL-META.md617 B
  • example.html3.5 KB
  • example.md119 B

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

金句卡片

HTML 单图渲染 → 截图分享。16:9 横版,一句 hero 金句 / 一组核心数据。

⚠️ 生成前先读 card-design 设计系统(选立场/锁配色/字越大越细/禁 AI 廉价感)。金句卡尤其靠排版层级——避免渐变文字、粗黑大标题、居中一切。

骨架(二选一,按内容是"观点"还是"数字")

先按 card-design 选风格锁配色,再套下面对应骨架。

A. 金句卡(一句 hero 观点)

  • 容器 w-[1600px] h-[900px],暗色 / 亮色按内容情绪二选一。
  • 中央一句 hero 金句(字越大越细,限 2-3 行,最戳的词用 1 个强调色)。
  • 下方署名 / 出处(无个人 handle 时用来源或品牌名,不硬塞头像占位)。
  • 左上角小标签(Insight / 观点 / Quote);右下角品牌水印。
  • 微妙纹理(grid / dot / 极淡 noise),禁玻璃拟态与渐变文字。

B. 数据卡(一组核心数字)

  • 同画幅,1 个主数字超大字(占视觉中心)+ 单位/说明小字在旁。
  • 2-4 个副指标横向排开,每个「大数字 + 一行标签」,对齐到网格。
  • 可加一句结论/来源脚注(数据来源 · 截至 X)建立可信度。
  • 数字用等宽或 Inter Tight,避免用 emoji 当图标。

国内平台适配

  • 微博:横版直接配文;金句要短、能被单独转发;水印放品牌名。
  • 知乎:偏理性,数据卡 + 一句结论最合适;出处/来源要显。
  • 公众号:可作文中配图或封面延展;配色跟公众号主色。
  • X/Twitter(出海):可保留 handle 署名;其余同金句卡。

渲染出图(必做,勿手动截图)

生成 HTML 后,用共享渲染脚本自动出图(playwright + chromium,已配置走代理加载 CDN/字体):

python skills/shared/scripts/render_card.py \
  --html outputs/主题名/assets/card.html \
  --out outputs/主题名/card.png \
  --full-page --width 1600 --height 900
  • 16:9 横版用 --width 1600 --height 900。
  • 脚本对外部 CDN/字体做有界超时(默认 20s 超时也继续),不会卡死;用环境代理加载 Tailwind/Google Fonts。
  • 首次使用需 pip install playwright && playwright install chromium(见项目依赖说明)。

与其他卡片 SKILL 的区别

三者都是"HTML 单图 → 截图",仅画幅与场景不同,互不替代:

  • card-quote(本 SKILL) = 16:9 横版金句/数据卡,一句 hero 观点或一组核心数字,配微博 / 知乎 / X / 公众号。
  • card-xiaohongshu = 1080×1440 竖版小红书知识卡(走 card-design 风格库),可多张联排滑动浏览。承载多观点、成套干货时用它。
  • poster-hero = 1080×1920 竖版营销海报 / 朋友圈分享图,大标题 + 卖点 + 二维码,用于产品发布、活动宣传。

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Generate images from written descriptions, transform existing images with editing instructions, or create several variations. Choose image dimensions and quantity, then save the results using an OpenAI-compatible service or apimart with your own API key.

中文简介正在准备中。当前显示英语简介。

  • Generating an illustration from a written description
  • Changing an image's background using instructions
  • Creating several variations of an existing image
ZJU-REAL/Easel40312026年10月23日 更新

ai-music

免费

Generate background music for short videos, vlogs, and social posts from descriptions of mood, style, and instruments. Download MP3 audio, optionally include sung lyrics, and use shared scripts to trim tracks, adjust loudness, or add music to videos.

中文简介正在准备中。当前显示英语简介。

  • Generating background music for a vlog intro
  • Creating instrumental music to match a social post
  • Generating a sung track from supplied lyrics
ZJU-REAL/Easel40312026年10月23日 更新

Create new videos from written scene descriptions or still images using external AI services. Set the aspect ratio and duration, animate a character image, and request generated audio when the selected model supports it.

中文简介正在准备中。当前显示英语简介。

  • Generate a short video from a scene description
  • Animate a still image
  • Create character motion from a starting image
ZJU-REAL/Easel40312026年10月23日 更新

Organize generated images, videos, and text in outputs/ by date, platform, and type. Add tags, search filenames and content, produce asset lists and reports, and preview archive moves before applying them to make past work easier to reuse.

中文简介正在准备中。当前显示英语简介。

  • Organizing generated assets by date, platform, and type
  • Finding past content through keywords and tags
  • Listing assets for a specific account or platform
ZJU-REAL/Easel40312026年10月23日 更新

Reduce background noise in audio recordings or video soundtracks with three processing levels. Keep the original file, create a cleaned version, and receive a report of the settings used and file details before and after processing.

中文简介正在准备中。当前显示英语简介。

  • Reducing fan or air conditioner noise in recordings
  • Cleaning speech in podcasts and interviews
  • Reducing noise in a video's audio track
ZJU-REAL/Easel40312026年10月23日 更新

Edit audio files by trimming sections, converting formats, matching loudness, or extracting sound from videos. You can also join recordings, add fades, and change playback speed while keeping the original pitch.

中文简介正在准备中。当前显示英语简介。

  • Trim a recording to the section you need
  • Convert audio formats and match loudness
  • Extract audio from a video
ZJU-REAL/Easel40312026年10月23日 更新

查看 ZJU-REAL 的全部技能

报告此技能的问题