chestnut1133-lab

Xiaohongshu Infographic — Design skill for Claude Code

Design community

A Claude Skill for turning articles into New Brutalism-style Xiaohongshu infographics.

How to install Xiaohongshu Infographic

This entry records only its repository, not the path inside it, so there is no exact command to give. Open chestnut1133-lab/xiaohongshu-infographic and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Xiaohongshu Infographic does

A Claude Skill for turning articles into New Brutalism-style Xiaohongshu infographics.

Alternatives in Design

  • Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
  • Planning With Files — Claude Code skill implementing Manus-style persistent markdown planning — the workflow pattern behind the $2B 17.4k ★
  • Explanatory Output Style — Educational output mode with insights about implementation choices 14k ★

README

阿丽小红书排版.skill


*"做好一件小事,让别人也能省下半天时间。"*

![License](https://img.shields.io/badge/License-MIT-orange?style=flat-square) ![Claude Code](https://img.shields.io/badge/Claude%20Code-Skill-8A2BE2?style=flat-square) ![Style](https://img.shields.io/badge/Style-New%20Brutalism-000000?style=flat-square) ![Made by](https://img.shields.io/badge/Made%20by-大头阿丽-ff2442?style=flat-square)


**把一篇文章,一键变成小红书图文卡片。**

采用 **New Brutalism(新粗野主义)** 视觉风格——硬核黑框、强烈阴影、 高对比色块、网格底纹。严格执行「视觉高压」排版规范,严禁留白。

兼容 Claude Code / Claude.ai / OpenClaw / OpenCode


[看效果](#效果预览) · [安装](#安装) · [怎么用](#怎么用) · [自定义](#自定义) · [作者](#作者)

效果预览

![](examples/Vibe_Coding_Card_1.png)

点开看全部 14 张卡片

![](examples/Vibe_Coding_Card_2.png) ![](examples/Vibe_Coding_Card_3.png) ![](examples/Vibe_Coding_Card_4.png) ![](examples/Vibe_Coding_Card_5.png) ![](examples/Vibe_Coding_Card_6.png) ![](examples/Vibe_Coding_Card_7.png) ![](examples/Vibe_Coding_Card_8.png) ![](examples/Vibe_Coding_Card_9.png) ![](examples/Vibe_Coding_Card_10.png) ![](examples/Vibe_Coding_Card_11.png) ![](examples/Vibe_Coding_Card_12.png) ![](examples/Vibe_Coding_Card_13.png) ![](examples/Vibe_Coding_Card_14.png)

它适合谁

**适合:**

  • 写好的长文 / 笔记 / 教程 → 想转成小红书图文卡片
  • 想要统一风格,不每次重新调配色
  • 喜欢「硬核、冲击力、技术范儿」的视觉

**不适合:**

  • 你的风格是极简、治愈、温柔系 → 这个 Skill 不对味,建议 fork 改色
  • 只需要单张海报 → 这个 Skill 是为多页卡片设计的(1–19 张)

安装

Claude Code

# 全局(所有项目都能用,推荐)
git clone https://github.com/chestnut1133-lab/xiaohongshu-infographic.git \
  ~/.claude/skills/xiaohongshu-infographic

重启 Claude Code 自动识别,不需要手动激活。

Claude.ai 网页版

  1. 下载本仓库(右上角 Code → Download ZIP)
  2. 解压后把 xiaohongshu-infographic 文件夹重新压缩成 zip
  3. 打开 Settings → Capabilities → Skills 上传
  4. 需要 Pro 或以上版本,且开启 Code Execution

OpenClaw

git clone https://github.com/chestnut1133-lab/xiaohongshu-infographic.git \
  ~/.openclaw/workspace/skills/xiaohongshu-infograp

Related Skills

CN Content Matrix — Design skill for Claude Code

CN Content Matrix

git clone https://github.com/fullstackcrew-alpha/skill-cn-content-matrix Chinese multi-platform content genera

Design community
Write Customer Doc — Design skill for Claude Code

Write Customer Doc

Draft customer-facing documents (feature guides, release notes, alpha/beta materials, KB articles) using Ben's

Design community
Live Panel Skill — Design skill for Claude Code

Live Panel Skill

Config-driven animated architecture diagrams: turn one JSON file into a terminal-style, always-running diagram

Design community
Readme Enhance — Design skill for Claude Code

Readme Enhance

Enhance README.md with marketing badges and a NotebookLM-style infographic

Design community
Claude Artisan — Design skill for Claude Code

Claude Artisan

A Claude skill that generates production-ready UI components in 224 distinct design styles — from Bauhaus to B

Design community
Visual Note Card Skills — Design skill for Claude Code

Visual Note Card Skills

A custom skill for Claude Code and OpenClaw that generates professional Chinese visual note cards (视觉笔记卡片/信息图)

Design community

Related Agents

Diagram Generator — Development agent for Claude Code

Diagram Generator

Specialized agent for creating professional diagrams and visualizations for articles using MCP chart servers.

Development community
Paper Reviewer — Development agent for Claude Code

Paper Reviewer

Strict academic paper reviewer for position papers, preprints, and journal-style articles. Reviews argument fl

Development community
Every Style Editor — Content & Marketing agent for Claude Code

Every Style Editor

Use this agent when you need to review and edit text content to conform to Every's specific style guide. This

Content & Marketing community