Frontend Visual QA
daymade/claude-code-skills
Audits already-rendered UI and Markdown/Obsidian image layout — web app, deck/slide, dashboard, design-system, or Electron/native app — via real-browser/native-app journeys and a Playwright sweep.
A skill your agent uses when collaborating with humans to turn Markdown or lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata, stable Chinese…
Install Xhs Markdown Card Collab
$ npx skills add Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Sven-LI-sankyuu/presentation-skills xhs-markdown-card-collab --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Sven-LI-sankyuu/presentation-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/xhs-markdown-card-collab .claude/skills/xhs-markdown-card-collab && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "xhs-markdown-card-collab" agent skill from https://github.com/Sven-LI-sankyuu/presentation-skills/tree/main/xhs-markdown-card-collab into .claude/skills/xhs-markdown-card-collab/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "xhs-markdown-card-collab", 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.
$skill-installer install https://github.com/Sven-LI-sankyuu/presentation-skills/tree/main/xhs-markdown-card-collabType 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.
$ npx skills add Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Sven-LI-sankyuu/presentation-skills xhs-markdown-card-collab --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Sven-LI-sankyuu/presentation-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/xhs-markdown-card-collab .agents/skills/xhs-markdown-card-collab && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "xhs-markdown-card-collab" agent skill from https://github.com/Sven-LI-sankyuu/presentation-skills/tree/main/xhs-markdown-card-collab into .agents/skills/xhs-markdown-card-collab/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "xhs-markdown-card-collab", 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.
$ npx skills add Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Sven-LI-sankyuu/presentation-skills xhs-markdown-card-collab --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Sven-LI-sankyuu/presentation-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/xhs-markdown-card-collab .cursor/skills/xhs-markdown-card-collab && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "xhs-markdown-card-collab" agent skill from https://github.com/Sven-LI-sankyuu/presentation-skills/tree/main/xhs-markdown-card-collab into .cursor/skills/xhs-markdown-card-collab/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "xhs-markdown-card-collab", 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.
$ gemini skills install https://github.com/Sven-LI-sankyuu/presentation-skills.git --path xhs-markdown-card-collab--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Sven-LI-sankyuu/presentation-skills xhs-markdown-card-collab --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Sven-LI-sankyuu/presentation-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/xhs-markdown-card-collab .gemini/skills/xhs-markdown-card-collab && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "xhs-markdown-card-collab" agent skill from https://github.com/Sven-LI-sankyuu/presentation-skills/tree/main/xhs-markdown-card-collab into .gemini/skills/xhs-markdown-card-collab/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "xhs-markdown-card-collab", 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.
$ gh skill install Sven-LI-sankyuu/presentation-skills xhs-markdown-card-collabInstalls 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).
$ npx skills add Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Sven-LI-sankyuu/presentation-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/xhs-markdown-card-collab .github/skills/xhs-markdown-card-collab && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "xhs-markdown-card-collab" agent skill from https://github.com/Sven-LI-sankyuu/presentation-skills/tree/main/xhs-markdown-card-collab into .github/skills/xhs-markdown-card-collab/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "xhs-markdown-card-collab", 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.
$ npx skills add Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Sven-LI-sankyuu/presentation-skills xhs-markdown-card-collab --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Sven-LI-sankyuu/presentation-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/xhs-markdown-card-collab .opencode/skills/xhs-markdown-card-collab && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "xhs-markdown-card-collab" agent skill from https://github.com/Sven-LI-sankyuu/presentation-skills/tree/main/xhs-markdown-card-collab into .opencode/skills/xhs-markdown-card-collab/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "xhs-markdown-card-collab", 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
xhs-markdown-card-collab- GitHub stars
- 175
- Token cost
- ~761 tokens
- SKILL.md length
- 164 words
- Files
- 5 (incl. references)
- Skills in repo
- 5
- Repo updated
- First seen
- Licence
- None found
At a glance
A skill your agent uses when collaborating with humans to turn Markdown or lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata, stable Chinese…
- Collaborating with humans to turn Markdown
- SKILL.md covers 概览, 默认工作流, 资源路由 and 质量标准, plus 2 more sections
- Calls python3
- Lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata
What it does
Xhs Markdown Card Collab is an agent skill from Sven-LI-sankyuu/presentation-skills. Use when collaborating with humans to turn Markdown or lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata, stable Chinese typography, browser-based pagination, and visual QA. Supports Markdown cleanup, cover planning, style-direction selection, page-density review, and iteration while keeping proven type-size ranges stable.
Its SKILL.md is about 760 tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files (for example `agents/openai.yaml`, `references/style_directions.md` and `references/typography_lock.md`).
It sits in Documents & Office, covering Markdown, Typography and Visual regression testing. It works with Xiaohongshu. The repository describes itself as: 面向 Codex CLI 的演示工作流 skills 集合，包括商业级可编辑 PPT 协作与网页 demo 配音视频合成等可复盘、可复用流程。A Codex CLI skill collection for reusable presentation workflows, covering editable PPT diagram…
When your agent uses it
- Collaborating with humans to turn Markdown
- Lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata
- Stable Chinese typography
- Browser-based pagination
Example prompts
- “/xhs-markdown-card-collab”
Requirements
- Python 3
What it can do on your machine
Read from SKILL.md and the folder at commit 1182af5. 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
Shell commands in SKILL.md call:
python3
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
Xhs Markdown Card Collab loads about 761 tokens when it runs, and up to ~4.3k if it reads all its reference files. Until then it costs about 100 tokens; SKILL.md has 164 words of instructions outside code blocks.
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); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 164 words (~761 tokens).
- name
- xhs-markdown-card-collab
Files
SKILL.md and 4 other files (references) in xhs-markdown-card-collab of Sven-LI-sankyuu/presentation-skills.
- SKILL.md
- agents/openai.yaml
- references/style_directions.md
- references/typography_lock.md
- references/workflow.md
Open the folder on GitHubat commit 1182af5
Compare with similar skills
Xhs Markdown Card Collab 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Xhs Markdown Card Collab this skillSven-LI-sankyuu/presentation-skills | 175 | — | ~761 | Automated safety check: Pass | None | |
| Frontend Visual QAdaymade/claude-code-skills | 1.4k | — | ~8.4k | Automated safety check: Pass | MIT | |
| PDF Creatordaymade/claude-code-skills | 1.4k | — | ~5.9k | Automated safety check: Pass | MIT | |
| Suede DesignJasonColapietro/suede-creator-skills | 127 | — | ~5.4k | Automated safety check: Pass | MIT | |
| Blog System Designswyxio/skills | 176 | — | ~3.1k | Automated safety check: Pass | MIT | |
| Minimax PDFpoco-ai/poco-claw | 1.4k | 6 repos | ~2.1k | Automated safety check: Pass | MIT |
Similar skills
PDF Creator
daymade/claude-code-skills
Converts Markdown to print-ready PDF with proper Chinese typography, themes and a visual self-check.
Suede Design
JasonColapietro/suede-creator-skills
Suede AI design skill for making an interface feel intentional instead of templated: design tokens, color strategy, OKLCH ramps, type scale, fluid type, visual hierarchy, dark mode, spacing…
Blog System Design
swyxio/skills
Design, build, or revise a technical blog as a product system.
Minimax PDF
poco-ai/poco-claw
A skill your agent uses when visual quality and design identity matter for a PDF.
Fern Components
ai-dynamo/dynamo
Knowledge of Fern's built-in MDX component library (accordions, callouts, cards, steps, tabs, code blocks, API-reference snippets, and more) for authoring docs pages.
More from Sven-LI-sankyuu/presentation-skills
Ppt Polished Deck Collab
Sven-LI-sankyuu/presentation-skills
A skill your agent uses when collaborating with humans to produce polished, editable, high-quality PPT decks across business, technical, research, education, product, and operations themes.
Ppt Complex Diagram Collab
Sven-LI-sankyuu/presentation-skills
A skill your agent uses when collaborating with humans to produce publication-grade complex diagrams in editable PPT, especially for system architecture, dataflow, and user-journey visuals that…
Word Polished Doc Collab
Sven-LI-sankyuu/presentation-skills
A skill your agent uses when collaborating with humans to turn Markdown, DOCX, and structured visual assets into polished Word deliverables with explicit Chinese/English typography, caption policy…
Web Demo Video Synthesis
Sven-LI-sankyuu/presentation-skills
用于“网页 demo 分段配音 + timeline 驱动录屏 + 后期合成”的 workspace 协作流程：先搭建一个可审计工作目录（cues/timeline/segmentaudio/video/subtitles/final），再由人类 + Codex 迭代维护这些文件，按需只重跑局部步骤，最终合成高质量 MP4。适用于强调可复盘、可编辑、清晰度与字幕安全区可控的场景。
Related
Works with
Categories
Questions about Xhs Markdown Card Collab
What does Xhs Markdown Card Collab do?
A skill your agent uses when collaborating with humans to turn Markdown or lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata, stable Chinese…. Xhs Markdown Card Collab is an agent skill from Sven-LI-sankyuu/presentation-skills. Use when collaborating with humans to turn Markdown or lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata, stable Chinese typography, browser-based pagination, and visual QA.
When should I use Xhs Markdown Card Collab?
Xhs Markdown Card Collab fits situations like: collaborating with humans to turn Markdown; lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata; stable Chinese typography; browser-based pagination.
How do I install Xhs Markdown Card Collab in Claude Code?
Run `npx skills add Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a claude-code`. Or copy the skill folder (xhs-markdown-card-collab in Sven-LI-sankyuu/presentation-skills) into .claude/skills/xhs-markdown-card-collab in your project. Claude Code loads it when a task matches its description.
How do I install Xhs Markdown Card Collab in Codex?
Run `npx skills add Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a codex`. Or copy the skill folder (xhs-markdown-card-collab in Sven-LI-sankyuu/presentation-skills) into .agents/skills/xhs-markdown-card-collab in your project. Codex loads it when a task matches its description.
Can I use Xhs Markdown Card Collab 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 Sven-LI-sankyuu/presentation-skills --skill xhs-markdown-card-collab -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/xhs-markdown-card-collab, .gemini/skills/xhs-markdown-card-collab, .github/skills/xhs-markdown-card-collab and .opencode/skills/xhs-markdown-card-collab in your project.
What does Xhs Markdown Card Collab need to run?
Going by SKILL.md and its folder, Xhs Markdown Card Collab needs the command-line tools its instructions call (python3). Our summary lists: Python 3.
Does Xhs Markdown Card Collab 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 Xhs Markdown Card Collab 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. Review the folder before installing.
What licence does Xhs Markdown Card Collab use?
No licence was found for Xhs Markdown Card Collab or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Xhs Markdown Card Collab use?
About 761 tokens (SKILL.md is roughly 3k 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 3.5k tokens, read only when the agent opens those files.
What are the alternatives to Xhs Markdown Card Collab?
Skills that share tags, products or a category with Xhs Markdown Card Collab: Frontend Visual QA (daymade/claude-code-skills, 1.4k stars), PDF Creator (daymade/claude-code-skills, 1.4k stars), Suede Design (JasonColapietro/suede-creator-skills, 127 stars) and Blog System Design (swyxio/skills, 176 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Xhs Markdown Card Collab?
Sven-LI-sankyuu (a GitHub user) maintains it in Sven-LI-sankyuu/presentation-skills, which has 175 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on July 29, 2026.
Source: Sven-LI-sankyuu/presentation-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.