nexu-io avatar

Html Ppt Xhs Post

This is a focused entry point into the html-ppt system that drops you straight into a pre-styled template for vertical social media carousels. You get nine 810×1080 slides with pastel colors, dotted page indicators, and a sticker card aesthetic designed for Xiaohongshu and Instagram. The main trick here is it handles the annoying parts: you copy the template and runtime files from the upstream repo, swap out demo content while keeping the structural classes intact, and the keyboard navigation just works. It's opinionated about the visual identity, which is the point. If you're churning out product seeding content or brand posts and want them to look native on Chinese and Western platforms without fighting CSS from scratch, this gets you there faster.

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

Install

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

Installs into .claude/skills of the current project.

Files

This is a focused entry point into the html-ppt system that drops you straight into a pre-styled template for vertical social media carousels. You get nine 810×1080 slides with pastel colors, dotted page indicators, and a sticker card aesthetic designed for Xiaohongshu and Instagram. The main trick here is it handles the annoying parts: you copy the template and runtime files from the upstream repo, swap out demo content while keeping the structural classes intact, and the keyboard navigation just works. It's opinionated about the visual identity, which is the point. If you're churning out product seeding content or brand posts and want them to look native on Chinese and Western platforms without fighting CSS from scratch, this gets you there faster.

Browse the repository on GitHub

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-resolversoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Route Resolvers, data pre-fetching, or loading data before route activation.179skills.sh installs
2oguzhan18 avatarangular-deferrableoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Deferrable Views, @defer, lazy loading components, or deferred loading in Angular.178skills.sh installs
3oguzhan18 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
4oguzhan18 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
5sickn33 avatarreact-flow-architectsickn33/antigravity-awesome-skillsreact flow architect176skills.sh installs
6oguzhan18 avatarangular-routeroguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Router, routing configuration, guards, resolvers, lazy loading, or navigation in Angular applications.172skills.sh installs