shell
$ npx -y skills add nexu-io/html-anything --skill card-twitter --agent claude-codeInstalls just this skill. Get the whole plugin for auto-invocation.
How it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/card-twitter
Context preview
The summary Claude sees to decide when to auto-load this skill.
推特金句 / 数据卡, 适合配推文
Stats
Stars7,917
Forks772
LanguageHTML
LicenseApache-2.0
Ships with html-anything
SKILL.md
card-twitter.SKILL.md
--- name: card-twitter zh_name: "Twitter 分享卡" en_name: "Twitter Share Card" emoji: "🐦" description: "推特金句 / 数据卡, 适合配推文" category: card scenario: marketing aspect_hint: "1600×900 (16:9)" tags: ["twitter", "x", "quote", "金句"] example_id: sample-twitter-quote example_name: "推特卡 · 金句" example_format: text example_tagline: "16:9 暗色金句卡, 截图直接配推文" example_desc: "高对比金句模板, 含 grid 网格 + 渐变光晕背景" --- 【模板: Twitter 分享卡】 - 容器 `w-[1600px] h-[900px]`, 暗色 / 亮色二选一根据内容情绪。 - 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。 - 下方作者署名 + 头像占位 + handle。 - 左上角小标签 (类型: "Insight" / "Data" / "Quote")。 - 右下角品牌水印。 - 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。 - 截图后可直接配推文发出, 视觉简洁有力。
