Card Twitter
Turn a quote, insight, or stat into a 16:9 Twitter-ready share card you can screenshot and post on X.
Install
npx skills add https://github.com/nexu-io/open-design --skill card-twitterWhat is this skill?
- Fixed 1600×900 (16:9) canvas sized for Twitter/X screenshots
- Dark or light mood, central hero quote (text-6xl, 2–3 lines), author block, type tag, brand watermark
- Subtle grid/noise/dot texture signature; pairs with open-design html-anything upstream
- Prototype web surface with debounced HTML preview reload
- Example prompt enforces real content—no lorem ipsum or placeholder images
Adoption & trust: 666 installs on skills.sh; 61.4k GitHub stars; 3/3 security scanners passed (skills.sh audits).
Recommended Skills
Web Design Guidelinesvercel-labs/agent-skills
Lark Whiteboardlarksuite/cli
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
Sleek Design Mobile Appssleekdotdesign/agent-skills
Impeccablepbakaus/impeccable
Design Taste Frontendleonxlnx/taste-skill
Journey fit
Common Questions / FAQ
Is Card Twitter safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.
SKILL.md
READMESKILL.md - Card Twitter
【模板: Twitter 分享卡】 - 容器 `w-[1600px] h-[900px]`, 暗色 / 亮色二选一根据内容情绪。 - 中央一句 hero 金句 (text-6xl, font-semibold, 限 2-3 行)。 - 下方作者署名 + 头像占位 + handle。 - 左上角小标签 (类型: "Insight" / "Data" / "Quote")。 - 右下角品牌水印。 - 整张卡片有微妙的纹理 (grid 网格 / noise / dot pattern)。 - 截图后可直接配推文发出, 视觉简洁有力。