card-design SKILL.md skillA

card-design from zju-real/easel is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned

mdr add zju-real/easel/card-design@git:20261012.0d53744

Pins git:20261012.0d53744 in mdr.lock. Pin the fingerprint instead.

Audit grade: A, 17 of 17 checks passed
Kind: SKILL.md skill
Repository: zju-real/easel
Path: skills/builtin/card-design/SKILL.md
Versions recorded: 1
Latest version: git:20261012.0d53744, committed Oct 12, 2026
Size: 4,968 bytes
Repository stars: 4,469
License: Apache-2.0

社媒卡片视觉设计系统：提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检，避免模板化 PPT 与廉价 AI 感。当用户说“卡片难看、优化视觉、封面/海报设计、排版配色、卡片填不满、AI 味重”时使用；所有 card-*、poster-hero 等视觉产出应把它作为设计规范，而非最终渲染器。.

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

# 卡片设计系统（生成前必读）

> 这不是一个"生成器",而是一套**设计系统 + 硬规则**。所有"HTML/CSS → 截图"的卡片/海报 SKILL
> 在写第一行 HTML 之前先读它。核心信念(来自实战开源方案与去 AI 味研究的一致结论):
> **高级感来自「克制 + 层级 + 网格 + 填满」,不是靠阴影/圆角/渐变堆出来的。**
> 「没人做设计决定」= AI 选了一万张图的统计平均值 = 廉价。本系统就是替你把决定钉死。

## 五步流程（照做，别跳）

1. **让用户选风格**（第一步，也是最重要的一步）：从 `references/styles.md` 的**风格库**里给用户几个选项，让 ta 挑一个——
   - 用户已指定风格 → 直接用。
   - 用户没指定 → **列 3-4 个候选**（风格名 + 一句话 + 适用），按内容品类/平台/Profile 推荐，问 ta 选哪个；急着要就用推荐的第一个并说明"默认用了 X 风格，想换随时说"。
   - 风格库现有 9 种：瑞士极简 / 杂志编辑 / 新中式墨韵 / 奶油温柔 / 多巴胺 Y2K / 高奢黑金 / 手账贴纸 / 极客终端 / 植物清新。**卡片美不美，第一取决于选对风格**，别所有内容都套同一种。
2. **锁定该风格的 spec**：`styles.md` 里选中风格给了**字体(family+字重)+配色(hex)+版式性格+装饰**——**严格照它**，整套卡片全程只用这一套，不自由发挥、不换色。（配色细节另见 `palettes.md`）
3. **定字体层级**：按 `typography.md`——「**字越大越细**」（字体已装 Noto Sans/Serif CJK 全字重，大标题用 Thin/Light）。手机端正文 ≥28px。
4. **套骨架**：从 `card-recipes.md` 选卡型骨架(封面/账本/管线/对比/矩阵/数据/金句)，按其**最小密度线**填内容。
5. **渲染后自检**（硬门禁）：
   ```bash
   python skills/builtin/card-design/scripts/card_audit.py audit -f outputs/主题名/card_*.png
   ```
   任何 FAIL(死空白/跨度不足/头重脚轻)→ 按 `layout-laws.md`「欠填修正阶梯」补内容或换骨架**重渲**，全 PASS 再交付。

## 铁律速查（详见 references）
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint

mdr add zju-real/easel/card-design@sha256:23b95d450ee41659

The line at the top of this page pins the label git:20261012.0d53744, 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.

Badge

[![mdr](https://markdownregistry.com/badge/art_7aeelmjg23m2336y.svg)](https://markdownregistry.com/a/art_7aeelmjg23m2336y)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Oct 12, 2026.

version	committed	commit	size	audit
git:20261012.0d53744 latest	2026-10-12	0d53744	4,968 B	A	view

Audit of the latest version

A 17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.

pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (4968 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

GitHub

zju-real/easel · 4,469 stars · license Apache-2.0 · pushed 2026-11-02 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_7aeelmjg23m2336y
GET https://markdownregistry.com/api/v1/resolve?ref=zju-real/easel/card-design
GET https://markdownregistry.com/api/v1/blob/23b95d450ee41659432d11edb9e99204dc0bfaafeaa1232cb76a6c1bc56c3dec

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.

More from zju-real/easel

AGENTS.md@agents/workspace AGENTS.md file

zju-real/easel · agents/workspace/AGENTS.md

git:20261023.a097ddf · audit B · 4,469 stars

ai-image-gen SKILL.md skill

zju-real/easel · skills/builtin/ai-image-gen/SKILL.md · 通用 AI 生图：文生图 / 图生图 / 图像变体。当用户说 AI 生图、AI 画图、文生图、图生图、生成图片、生成配图、图像生成、AI 出图、AI 作图、换图、改图、图像编辑、给我画一张、生成一张图时使用。支持 OpenAI 兼容…