nexu-io avatar

Html Ppt Xhs White Editorial

A single-purpose entry point that drops you straight into the xhs-white-editorial template from the html-ppt system: pure white background, 10-color rainbow bar at the top, 80–110px display titles with purple-to-pink gradient text, and soft macaron cards in pastels. It's built for dual use, either as horizontal slides or as Xiaohongshu editorial graphics. The upstream repo is lewislulu/html-ppt-skill, MIT licensed. You get the full keyboard runtime (arrows, T for themes, P for presenter mode) but you need to copy the shared assets into your project or inline them, because the template ships with relative paths that only work in the original folder tree. Pick this if you want magazine layout energy without configuring anything.

skills.sh installs
182
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill html-ppt-xhs-white-editorial --agent claude-code

Installs into .claude/skills of the current project.

Files

HTML PPT · 白底杂志风

A focused entry point into the html-ppt master skill that lands the user directly on the xhs-white-editorial full-deck template.

When this card is picked

The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of xhs-white-editorial (see the upstream full-decks catalog for screenshots and rationale).

How to author the deck

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Frontend Development, Design & UI/UX, Office & Documents
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1oguzhan18 avatarangular-destroyrefoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular DestroyRef, takeUntilDestroyed, or cleanup in Angular.182skills.sh installs
2nexu-io avatarhtml-ppt-xhs-postnexu-io/open-design小红书 / Instagram 风 9 页 3:4 竖版图文(810×1080)— 暖色 pastel、虚线 sticker 卡片、底部页码点点。用于发小红书图文、Instagram carousel、品牌种草内容。181skills.sh installs
3oguzhan18 avatarangular-resolversoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Route Resolvers, data pre-fetching, or loading data before route activation.179skills.sh installs
4oguzhan18 avatarangular-deferrableoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Deferrable Views, @defer, lazy loading components, or deferred loading in Angular.178skills.sh installs
5oguzhan18 avatarangular-resourceoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Resource, Angular 19 resource API, or new async data loading with signals.178skills.sh installs
6oguzhan18 avatarangular-directivesoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Directives, custom directives, attribute directives, structural directives, or directive composition in Angular application176skills.sh installs