Install the "card-design" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/card-design into .claude/skills/card-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "card-design", then confirm the skill loads.
Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
skills CLI
$ npx skills add ZJU-REAL/Easel --skill card-design -a codex
Project install goes to .agents/skills/; add -g for ~/.codex/skills/.
Install the "card-design" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/card-design into .agents/skills/card-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "card-design", then confirm the skill loads.
Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
skills CLI
$ npx skills add ZJU-REAL/Easel --skill card-design -a cursor
Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.
Install the "card-design" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/card-design into .cursor/skills/card-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "card-design", then confirm the skill loads.
Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
skills CLI
$ npx skills add ZJU-REAL/Easel --skill card-design -a gemini-cli
Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.
Install the "card-design" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/card-design into .gemini/skills/card-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "card-design", then confirm the skill loads.
Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
GitHub CLI
$ gh skill install ZJU-REAL/Easel card-design
Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
skills CLI
$ npx skills add ZJU-REAL/Easel --skill card-design -a github-copilot
Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.
Install the "card-design" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/card-design into .github/skills/card-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "card-design", then confirm the skill loads.
GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
skills CLI
$ npx skills add ZJU-REAL/Easel --skill card-design -a opencode
OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
Install the "card-design" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/card-design into .opencode/skills/card-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "card-design", then confirm the skill loads.
OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
Skill name
card-design
GitHub stars
3.4k
Token cost
~657 tokens
SKILL.md length
163 words
Files
9 (incl. scripts, references)
Skills in repo
114
Repo updated
First seen
Licence
Apache-2.0
At a glance
社媒卡片视觉设计系统：提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检，避免模板化 PPT 与廉价 AI 感。
Works in 5 steps: 让用户选风格（第一步，也是最重要的一步）：从… → 锁定该风格的 spec：styles.md… → 定字体层级：按 typography.md——「字越大越细」（字体已装 Noto… → …
SKILL.md covers 五步流程（照做，别跳）, 铁律速查（详见 references）, references and Profile 感知, plus 1 more section
Runs Python scripts from its folder; calls python
What it does
Card Design is an agent skill from ZJU-REAL/Easel. 社媒卡片视觉设计系统：提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检，避免模板化 PPT 与廉价 AI 感。 当用户说“卡片难看、优化视觉、封面/海报设计、排版配色、卡片填不满、AI 味重”时使用；所有 card-、poster-hero 等视觉产出应把它作为设计规范，而非最终渲染器。
Its SKILL.md is about 660 tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including scripts and reference files (for example `EASEL-META.md`, `references/anti-ai-slop.md` and `references/card-recipes.md`).
The repository describes itself as: An open-source AI agent for social media — discover trends, create content, publish everywhere, and learn what works across Xiaohongshu, Douyin, Zhihu, Bilibili, and more.🎨一个开源的… The licence is Apache-2.0.
Example prompts
“卡片难看、优化视觉、封面/海报设计、排版配色、卡片填不满、AI 味重”
“/card-design”
Requirements
Python 3
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
1让用户选风格（第一步，也是最重要的一步）：从 references/styles.md 的风格库里给用户几个选项，让 ta 挑一个——
Read from SKILL.md and the folder at commit ede33b8. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
python
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Card Design loads about 657 tokens when it runs, and up to ~6.8k if it reads all its reference files. Until then it costs about 41 tokens; SKILL.md has 163 words of instructions outside code blocks.
Always· name and description, kept in context so the agent knows when to use it
~41
When it runs· the whole SKILL.md, loaded when a task matches
~657
With references· SKILL.md plus every file in references/, read only if the agent opens them
~6.8k
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
Download SKILL.mdSave it as .claude/skills/card-design/SKILL.md (or your agent's skills folder). This skill also uses 8 other files; get the full folder from GitHub.
name
card-design
description
社媒卡片视觉设计系统：提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检，避免模板化 PPT 与廉价 AI 感。 当用户说“卡片难看、优化视觉、封面/海报设计、排版配色、卡片填不满、AI 味重”时使用；所有 card-*、poster-hero 等视觉产出应把它作为设计规范，而非最终渲染器。
layer
produce
卡片设计系统（生成前必读）
这不是一个"生成器",而是一套设计系统 + 硬规则。所有"HTML/CSS → 截图"的卡片/海报 SKILL
在写第一行 HTML 之前先读它。核心信念(来自实战开源方案与去 AI 味研究的一致结论):
高级感来自「克制 + 层级 + 网格 + 填满」,不是靠阴影/圆角/渐变堆出来的。
「没人做设计决定」= AI 选了一万张图的统计平均值 = 廉价。本系统就是替你把决定钉死。
五步流程（照做，别跳）
让用户选风格（第一步，也是最重要的一步）：从 references/styles.md 的风格库里给用户几个选项，让 ta 挑一个——
用户已指定风格 → 直接用。
用户没指定 → 列 3-4 个候选（风格名 + 一句话 + 适用），按内容品类/平台/Profile 推荐，问 ta 选哪个；急着要就用推荐的第一个并说明"默认用了 X 风格，想换随时说"。
Card Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
社媒卡片视觉设计系统：提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检，避免模板化 PPT 与廉价 AI 感。. Card Design is an agent skill from ZJU-REAL/Easel.
How do I install Card Design in Claude Code?
Run `npx skills add ZJU-REAL/Easel --skill card-design -a claude-code`. Or copy the skill folder (skills/openclaw/card-design in ZJU-REAL/Easel) into .claude/skills/card-design in your project. Claude Code loads it when a task matches its description.
How do I install Card Design in Codex?
Run `npx skills add ZJU-REAL/Easel --skill card-design -a codex`. Or copy the skill folder (skills/openclaw/card-design in ZJU-REAL/Easel) into .agents/skills/card-design in your project. Codex loads it when a task matches its description.
Can I use Card Design in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ZJU-REAL/Easel --skill card-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/card-design, .gemini/skills/card-design, .github/skills/card-design and .opencode/skills/card-design in your project.
What does Card Design need to run?
Going by SKILL.md and its folder, Card Design needs Python for the scripts in its folder and the command-line tools its instructions call (python). Our summary lists: Python 3.
Does Card Design access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Card Design safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Card Design use?
Card Design is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Card Design use?
About 657 tokens (SKILL.md is roughly 2.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 6.2k tokens, read only when the agent opens those files.
What are the alternatives to Card Design?
Skills that share tags, products or a category with Card Design: HTML Ppt Xhs Pastel Card (nexu-io/open-design, 100k stars), Card Xiaohongshu (nexu-io/open-design, 100k stars), Token Card (affaan-m/ECC, 276k stars) and Orbit Card (heygen-com/hyperframes, 60k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Card Design?
ZJU-REAL (a GitHub organization) maintains it in ZJU-REAL/Easel, which has 3,441 GitHub stars. The repository holds 114 skills in this directory. The repository was last updated on October 11, 2026.
Source: ZJU-REAL/Easel on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.
