/card-twitter

推特金句 / 数据卡, 适合配推文

Boost this skill

nexu-io@nexu-io

GitHub

From plugin

html-anything

8.8k81 skills

Install

$ npx -y skills add nexu-io/html-anything --skill card-twitter --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude 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.

推特金句 / 数据卡, 适合配推文

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)。
截图后可直接配推文发出, 视觉简洁有力。

Read it on GitHub ↗

Ships withhtml-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.

Get the whole plugin

Stats

TypeScript Node HTML CSS Bash

+7 tags

SQL GitHub Markdown Anthropic Gemini Obsidian Bun

8,827

Stars

857

Forks

Active

Maintenance

HTML