Guide · Agent skill
How to use the White Editorial Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
White Editorial Deck (deck-xhs-white) is an agent skill that gives your AI agent one specific visual style: a pure white page with a rainbow bar, large gradient headings, soft pastel cards and black pill labels. It is designed for both vertical Xiaohongshu (Little Red Book) image posts and widescreen slide decks. This guide explains what the skill does, how to install it, how to trigger it and what to check before you use it.
White Editorial Decknexu-io/html-anything · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Get the deck-xhs-white skill ZIP from the page where you found this guide.
- 2Unzip the folder. Extract the deck-xhs-white folder so it contains SKILL.md and example.html.
- 3Place it in the skills folder. Put the folder in ~/.claude/skills/ for personal use or in .claude/skills/ inside a project.
- 4Or upload it in the Claude apps. In the Claude apps, open Settings, go to Capabilities, and upload the skill under Skills.
- 5Preview the style. Open example.html in a browser to see the finished look.
- 6Ask for your content. Describe the format (3:4 Xiaohongshu post or 16:9 slides), the topic and the white editorial rainbow style.
- 7Review the output. Check the background, rainbow bar, headings and cards, then review all text before publishing.
What does the White Editorial Deck skill make the agent do?
An agent skill is a folder of instructions that an AI agent loads when a task matches it. This skill tells the agent to build pages in one fixed editorial style rather than choosing its own look.
The style is a white-background magazine look. The source describes a pure white background, a top bar with 10 rainbow colours, display headings of roughly 80 to 110 px with a purple-to-blue-to-green-to-orange-to-pink gradient, a group of macaron-coloured soft cards (pink, purple, blue, green, orange), and black pill labels with white text for highlights, plus large quote blocks.
The stated purpose is to make one set of content usable both as a vertical Xiaohongshu image post and as a horizontal PPT-style deck. The skill's tags are editorial, rainbow and macaron, and its listed aspect hints are 16:9 and 3:4.
- Pure white background with a 10-colour rainbow bar at the top
- Gradient display headings, 80-110 px
- Macaron soft cards in five colours
- Black pill highlight labels and large quote blocks
How do you install the White Editorial Deck skill?
Download the skill ZIP from the page where you found this guide. Unzip it so that the deck-xhs-white folder, which contains SKILL.md and example.html, sits in one of these locations.
For a personal install across projects, unzip into ~/.claude/skills/. For a single project, unzip into the .claude/skills/ folder inside that project.
If you use the Claude apps instead of files on disk, open Settings, go to Capabilities, and upload the skill under Skills.
- Personal: ~/.claude/skills/deck-xhs-white/
- Project: .claude/skills/deck-xhs-white/ inside your project
- Claude apps: Settings → Capabilities → Skills, then upload
How do you trigger the skill with a natural request?
You do not need a special command. Describe the job in plain language and say that you want the white editorial or rainbow style. The agent decides whether to load the skill based on its description, so naming the style and the format helps.
Good requests name the format (a Xiaohongshu image post or a widescreen slide deck), the content, and the style. Whether the agent loads the skill on a given request depends on the agent, so check that the output has the white background and rainbow bar.
- Make a 3:4 Xiaohongshu image carousel about [topic] in the white editorial rainbow style.
- Turn these notes into a 16:9 slide deck using the white magazine look with macaron cards.
- Create a product highlight slide with a gradient heading and a black pill label for the key number.
What should you look at in example.html?
The package includes example.html, which the source describes as showing what the finished style looks like. Open it in a browser before you ask for your own content. It shows you the target so you can judge whether the output matches.
Use it as a reference for spacing, colour use and how the headings, cards and labels fit together.
- Open example.html in a browser to preview the look
- Compare the agent's output against it before sharing
What does the skill need, and what are the safety notes?
The listing does not name any required tools or dependencies. The skill does not run scripts, and it does not use the network, according to the listing. Its files are SKILL.md and example.html.
Because the skill only gives style instructions, the main thing to review is the content the agent produces, not the skill itself. Check text, claims and any product numbers before publishing.
- Requires: nothing listed
- Runs scripts: no
- Uses network: no
- Licence: Apache-2.0
When is this skill a poor fit?
The style is decorative by design. The rainbow bar and gradient text are not suited to formal corporate or legal decks that need a conservative look.
The skill defines only this one palette and layout, so it is not the right choice for a dark theme or a strict brand guide.
- Formal corporate or legal decks needing a conservative look
- Projects needing a dark theme
- Projects that must follow a strict brand guide
What people use it for
- Building a colourful multi-slide Xiaohongshu image carousel that explains a topic
- Making a light, editorial 16:9 deck for a quick internal or client presentation
- Creating a product slide with a gradient heading and a black pill label highlighting one key point
- Turning explainer notes into social image posts with macaron cards for each point
Frequently asked questions
How do I install the White Editorial Deck skill?
Download the deck-xhs-white ZIP, unzip it, and place the folder in ~/.claude/skills/ for personal use or in .claude/skills/ inside a project. In the Claude apps, you can instead upload it under Settings → Capabilities → Skills.
Does the deck-xhs-white skill require anything else?
The listing does not name any required tools or dependencies. It is listed as not running scripts and not using the network.
Is the White Editorial Deck skill free to use?
The skill is licensed under Apache-2.0, as stated in the listing. Check the licence text included with the skill for the full terms.
Can I use it for both Xiaohongshu posts and PowerPoint-style slides?
Yes, that is its stated purpose. The skill lists 16:9 and 3:4 as aspect hints and is meant to work for both vertical image posts and widescreen decks.
Why doesn't my agent use the white rainbow style?
The agent decides whether to load a skill from its description, so name the style and format in your request. Also confirm the skill is in the correct folder or uploaded under Settings → Capabilities → Skills.
How does this compare with other slide styles?
This skill defines one fixed palette and layout: white background, rainbow bar, gradient headings and macaron cards. If you need a dark theme or a strict brand guide, pick a different skill or template, since this one does not offer alternatives.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use White Editorial Deck if you make colourful Xiaohongshu image posts or light, decorative slides and want one consistent look that works in both formats. Pick something else if you need a formal corporate or legal deck, a dark theme, or a strict brand guide, because this skill only provides this single decorative style.
Download the skill