杂志感长文, 含 masthead、hero、figures、pull quote、作者署名
card-twitter
card-twitter is an open-source frontend skill for Claude Code and compatible agents, published by nexu-io. Its author describes it as: “推特金句 / 数据卡, 适合配推文”. The project has 8.3k stars on GitHub and is available under the Apache-2.0 license. Add it to your setup with `git clone https://github.com/nexu-io/html-anything ~/.claude/skills/card-twitter`.
What card-twitter does
【模板: Twitter 分享卡】 - 容器 `w-[1600px] h-[900px]`, 暗色 / 亮色二选一根据内容情绪。 - 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。 - 下方作者署名 + 头像占位 + handle。 - 左上角小标签 (类型: "Insight" / "Data" / "Quote")。 - 右下角品牌水印。 - 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。 - 截图后可直接配推文发出, 视觉简洁有力。
Installation
Add card-twitter to your agent with:
git clone https://github.com/nexu-io/html-anything ~/.claude/skills/card-twitter Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for card-twitter when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear Apache-2.0 license — safe to read and adapt
- Ships in nexu-io/html-anything, an established project with 8,336 GitHub stars
- Actively maintained (recent commits)
Things to check
- Sparse description in metadata — read the repository for full details
Topics
Frequently asked questions
- What does card-twitter do?
- 推特金句 / 数据卡, 适合配推文
- How do I install card-twitter?
- Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/card-twitter in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
- Is card-twitter free to use?
- Yes. card-twitter is free and open source under the Apache-2.0 license, so you can read, run, and adapt it within that license's terms.
- Where does card-twitter come from?
- card-twitter ships inside nexu-io/html-anything, a repository that contains 41 catalogued skills in total. The repository's 8,336 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →小红书风格知识卡片, 多张联排可滑动浏览
固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图
消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势
奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒