Skip to content
Get packs

White Editorial Deck

Makes the agent build white, magazine-style slide decks and Xiaohongshu image posts with rainbow accents.

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
2 files

What it does

This skill gives the agent a specific visual style for presentations and social image posts: a pure white page, a rainbow bar across the top, large gradient headings, soft pastel cards, and black pill-shaped highlight labels. It is meant to work for both vertical Xiaohongshu (Little Red Book) image posts and widescreen slide decks. The included example.html shows what the finished style looks like.

Great for

  • Marketers making colorful social image carousels or product slides
  • Designers who want a light, editorial look for quick decks
  • Creators posting explainer content to Xiaohongshu

Skip it if

  • Formal corporate or legal decks that need a conservative look, since the rainbow and gradient style is decorative by design
  • Projects needing a dark theme or a strict brand guide, because the skill only defines this one palette and layout

Try asking

  • “Make a 16:9 slide deck introducing my skincare product in the white editorial rainbow style”
  • “Turn this article into a 3:4 Xiaohongshu image post using the white magazine deck template”
  • “Design a pastel macaron-card layout for a quarterly marketing summary”
Step-by-step guide: how to use White Editorial DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    deck-xhs-white.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip deck-xhs-white.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip deck-xhs-white.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the aspect ratio you need (16:9 for slides, 3:4 for Xiaohongshu) so the agent picks the right layout.
  • Provide your own headline and key quotes; the template expects a large display title and one highlighted quote block.
  • Open example.html in a browser first to confirm the look suits your project before generating many pages.

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.