Agent skill · Frontend

xhs-render-cards

把已批准的小红书草稿、单一分析参考和真实产品素材变成可审查卡片:先完成 DAI 与 image plan,再按确定性、完整效果或可分离图层模式制作,机械验证 PNG 与清单并运行合规检查。精确文字和真实 UI 不交给模型猜测;AI 生图需要单独配置和授权。

tsingyuaigithub.com/tsingyuaiGitHub ↗
claude-codecodexships scriptsApache-2.0
Install
npx skills add tsingyuai/growth-lab --skill xhs-render-cards --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 15
SKILL.md size: 4 KB
Bundled scripts: yes
Path: executors/xhs-render-cards/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 427
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Xiaohongshu card production Read [visual-production-contract.md](references/visual-production-contract.md), [rendering.md](references/rendering.md), and [visual-review-rubric.md](references/visual-review-rubric.md). Keep DAI and compliance rules from [deai.md](references/deai.md) and [quality-gates.md](references/quality-gates.md). ## Required inputs Require before rendering: - approved draft, exact card copy, account role, reader, and one-sentence user value; - verified Product facts and Product-owned screenshots or brand assets; - one validated `visual-reference-selection.json` when external visual research is used; - output directory in the calling `memory/xhs-replicate/` run; - target canvas, card count, rights/privacy boundaries, and whether paid image generation is approved. The selected public reference is analysis-only. Learn hierarchy, proof-zone proportion, density, and reading rhythm; never copy its wording, logo, proprietary UI, exact composition, distinctive decoration, or full sequence. Rejected candidates contribute no visual rules. ## 1. Lock copy and evidence Run DAI on title, caption, card copy, CTA, and tags. Every Product claim needs a current evidence source.

What's inside
Steps it walks through
  1. Required inputs
  2. 1. Lock copy and evidence
  3. 2. Capture real Product evidence
  4. 3. Choose one production mode
  5. 4. Test a three-card vertical slice
  6. 5. Validate and review
  7. Stop rules
Ships with 14 files
  • agents/openai.yaml
  • references/deai.md
  • references/image-plan.md
  • references/imagegen-style-content.md
  • references/imagegen-style-cover.md
  • references/process-doc.md
  • references/quality-gates.md
  • references/rendering.md
  • references/visual-production-contract.md
  • references/visual-review-rubric.md
  • scripts/check-banned-phrases.py
  • scripts/check-compliance.py
  • scripts/test_validate_social_card_pack.py
  • scripts/validate_social_card_pack.py
More from growth-lab
All skills →
About this skill
What does the xhs-render-cards skill do?

把已批准的小红书草稿、单一分析参考和真实产品素材变成可审查卡片:先完成 DAI 与 image plan,再按确定性、完整效果或可分离图层模式制作,机械验证 PNG 与清单并运行合规检查。精确文字和真实 UI 不交给模型猜测;AI 生图需要单独配置和授权。

How do I install it?

Run `npx skills add tsingyuai/growth-lab --skill xhs-render-cards --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From tsingyuai/growth-lab, a repository with 427 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going