# Xhs Render Cards

把已批准的小红书草稿、单一分析参考和真实产品素材变成可审查卡片：先完成 DAI 与 image plan，再按确定性、完整效果或可分离图层模式制作，机械验证 PNG...

- Repository: https://github.com/tsingyuai/growth-lab (1975 stars)
- Category: Design
- License: Apache-2.0
- Last updated: 2026-09-28
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add tsingyuai/growth-lab --skill xhs-render-cards -g -a claude-code -y`
Codex: `npx skills add tsingyuai/growth-lab --skill xhs-render-cards -g -a codex -y`
Cursor: `npx skills add tsingyuai/growth-lab --skill xhs-render-cards -g -a cursor -y`
Gemini CLI: `npx skills add tsingyuai/growth-lab --skill xhs-render-cards -g -a gemini-cli -y`

## Description

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

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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. Delete unsupported claims instead of weakening them with defensive filler.

Write `image-plan.md` using [image-plan.md](references/image-plan.md). Lock every visible string before rendering. Do not add cards merely to match the reference.

## 2. Capture real Product evidence

Use [screenshot-assets](../screenshot-assets/SKILL.md) for real Product UI, website, code, or data. Keep the original screenshot as evidence. Do not ask an image model to recreate Product UI, logos, citations, statistics, or source text and present it as real.

## 3. Choose one production mode

The rest: https://github.com/tsingyuai/growth-lab/blob/HEAD/executors/xhs-render-cards/SKILL.md