social-x-post-card SKILL.md skillA
social-x-post-card from nexu-io/html-anything is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add nexu-io/html-anything/social-x-post-card@git:20260518.b799c28Pins git:20260518.b799c28 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- nexu-io/html-anything
- Path
next/src/lib/templates/skills/social-x-post-card/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260518.b799c28, committed May 18, 2026
- Size
- 2,576 bytes
- Repository stars
- 9,204
- License
- Apache-2.0
拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
【模板: X (Twitter) 帖子卡】 【意图】把一段推文内容 (或用户的金句) 渲染成一张拟真度极高的 X 帖子卡片, 用于视频叠加、推特发图、知识沉淀。Inspired by hyperframes x-post。 【画布】1280×720 或 1080×1080, 暗背景 `#0f1419` 或亮背景 `#ffffff` (按 X 主题); 卡片居中, 阴影柔和。 【卡片结构】 - 外框: 圆角 16px, 1px border `#2f3336` (dark) / `#eff3f4` (light), 内边距 16px。 - 顶部 row: 头像 (48×48 圆形, 用 CSS gradient 占位) + 用户名 + handle `@username` + verified 蓝勾 + 时间 (mono, 12px, 灰)。 - 正文: 17-22px, 字重 400; 链接用 X 蓝 `#1d9bf0`; hashtag 同色; mention 同色; 段落间空 0.6em。 - 可选: 引用卡 (小卡内嵌, 灰底, 圆角 12px)。 - 可选: 1 张图 (CSS 渐变 + 描述占位, 不能外链图片), 比例 16:9, 圆角 12px。 - 互动 row: 4 个 icon + 数字 (回复 / 转推 / 引用 / 点赞), icon 用 inline SVG (X 官方风格), 灰色, hover 时变色。 - 顶部右上 X logo 单线 SVG。 - 浏览量 row: 👁️ + 数字 (小字)。 【字体】 - 西文: `Chirp` (X 的字体) → fallback `Inter` 或 `Segoe UI`。 - 中文: `Noto Sans SC` / `PingFang SC`。 - 数字: 同主字体, 不用 mono。 【设计细节】 - 配色 light: bg `#fff`, text `#0f1419`, secondary `#536471`, border `#eff3f4`, accent `#1d9bf0`。 - 配色 dark (推荐, 视频叠加用): bg `#000`, text `#e7e9ea`, secondary `#71767b`, border `#2f3336`, accent `#1d9bf0`。 - 数字格式化: 1.2K / 4.5M (不要原始 1234)。 - 内容必须来自用户输入, 不能编造推文。 - 若用户输入是数据 → 自动总结成一句"金句"推文 (≤ 280 字符)。 - 单文件 HTML; icon 内联 SVG; 不要任何外部图片 URL。 - 可选: 卡片背后加微妙径向高光 `radial-gradient(...)` 增加视频叠加的可读性。
Read the whole file at its exact version.
How to install
mdr add nexu-io/html-anything/social-x-post-card@sha256:4d0679eaf9734f72The line at the top of this page pins the label git:20260518.b799c28, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_mcex5mz5hmvrdwj5)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on May 18, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (2576 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
nexu-io/html-anything · 9,204 stars · license Apache-2.0 · pushed 2026-10-13 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_mcex5mz5hmvrdwj5 GET https://markdownregistry.com/api/v1/resolve?ref=nexu-io/html-anything/social-x-post-card GET https://markdownregistry.com/api/v1/blob/4d0679eaf9734f721e7e689623ce5a616e6277afb9155290fdd66ac0afac57b9
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.