comparison-card 技能 | PlugMCP

comparison-card

Z

by ZJU-REAL3.7k

Social Media

>-

Install

The skill file stays in the publisher's repository.

Paste the copied command in a terminal. It installs this SKILL.md into that agent.

npx skills add ZJU-REAL/Easel --skill comparison-card -a cursor -y

Download skill skills/builtin/comparison-card/SKILL.md on GitHub

Related skills

S
social-media-research-skillsAI agent skills for social media research. Outlier posts, comment mining, competitor teardowns, ad libraries & trends across TikTok, Instagram, YouTube, Reddit, X, LinkedIn & more. Powered by ScrapeCr
A
ad-library-teardownUse when the user wants to analyze active ads from Meta/Facebook, Google, or LinkedIn ad libraries; tear down a competitor's messaging; extract hooks, offers, CTAs, video transcripts, landing page cla
A
audience-researchUse when the user wants to evaluate a creator, influencer, or brand audience using public profile signals, TikTok audience demographics, follower/following data, comments, geography, language, and con

Questions

How do I install comparison-card?: Download skills/builtin/comparison-card/SKILL.md from the publisher, or copy the path and open the repository. PlugMCP lists the skill and does not host the file.
Where does comparison-card live?: The publisher keeps it at https://github.com/ZJU-REAL/Easel.
Which agents can use comparison-card?: Claude, Cursor, and Codex can read a SKILL.md you add from the publisher's repository.

name: comparison-card description: >- 对比图/一图流：生成 A vs B 参数对比图、优劣势对比表、产品参数一图流。用 HTML+CSS 渲染成可截图的视觉卡片，适合小红书/微博等平台分享。使用时机：用户说"做个对比图"、"A vs B"、"参数对比"、"优劣对比"、 "一图流"、"对比表"、"哪个好"、"对比一下"。和 chart-visualization 的区别：chart 做数据图表（柱状图/折线图），comparison-card 做对比表/一图流。和 infographic 的区别：infographic 做多维信息图，comparison-card 专注 A vs B 对比。 layer: produce

对比图 / 一图流

生成 A vs B 可视化对比卡片，一张截图说清楚差异，适合社媒分享。

⚠️ 生成前先读 card-design 设计系统（锁配色/字体层级/填满画幅/去 AI 廉价感）。对比图用「对比表」骨架（左右双栏、≥5 对比行、行高一致），避免渐变、emoji、底部死空白。

输入

字段	必填	说明
`items`

模式	描述	适用场景
`table`	经典参数对比表，行=维度，列=对象	多维度、多参数的产品对比
`versus`	左右对称 VS 布局，中间分割线	两个对象的直观对比
`pros_cons`	优劣势分栏，绿色优势/红色劣势	单一产品的优劣分析

{
  "items": ["A", "B"],
  "dimensions": [
    {"name": "价格", "values": ["¥2999", "¥3499"], "winner": "A"},
    {"name": "性能", "values": ["骁龙 8 Gen3", "A17 Pro"], "winner": "B"}
  ]
}

python skills/shared/scripts/render_card.py \
  --html outputs/主题名/assets/A_vs_B_对比.html \
  --out outputs/主题名/A_vs_B_对比.png \
  --full-page --width 1080 --height 1440