Html Ppt Xhs Pastel Card
This is a pre-configured entry point into the html-ppt system that drops you straight into the xhs-pastel-card template: cream background, Playfair italic serifs for display headings, 28px rounded macaron cards in six pastel colors, SVG donut charts, and soft gradient blobs. It's built for lifestyle, personal growth, or slow living content that wants a magazine-meets-handmade feel instead of corporate slides. The skill doc is thorough about the runtime asset problem: the upstream template links shared CSS and JS via relative paths that break when you copy files into a project, so you either inline everything or rewrite the paths. Honest take: the visual identity is sharp and opinionated, but you're trading setup clarity for design consistency.
- skills.sh installs
- 184
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill html-ppt-xhs-pastel-card --agent claude-codeInstalls 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-pastel-card 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-pastel-card (see the upstream full-decks catalog for screenshots and rationale).
How to author the deck
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- 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- Html Ppt Tech Sharing183
- Html Ppt Dir Key Nav Minimal182
- Html Ppt Presenter Mode182
- Html Ppt Testing Safety Alert182
- Html Ppt Xhs White Editorial182
- Html Ppt Product Launch181
- Html Ppt Xhs Post181
- Web Prototype Taste Editorial171
- Web Prototype Taste Soft166
- Web Prototype Taste Brutalist164
- Html Ppt Taste Editorial160
- Html Ppt Taste Brutalist158
- Open Design Landing Deck138
- Kami Deck133
- Kami Landing132
- Live Artifact123
- Ui Ux Pro Max5.5K
- Frontend Design5K
- Web Design Guidelines4.1K
- Creative Director3.6K
- Design Brief3.6K
- Threejs3.5K
- Apple Hig3.4K
- Pptx Html Fidelity Audit3.3K
Recommended
More Frontend Development
html-ppt-dir-key-nav-minimalnexu-io/open-design8 页极简方向键 keynote — 每页一个独立单色背景（靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭），各自配色，160px display 标题 + 4px 短粗 accent 线分隔、箭头 → 前缀的 Mono 列表、左下 ← → kbd 提示 + 右下页码、巨大呼吸留白。适合"有话要说但没什么可182skills.sh installshtml-ppt-xhs-white-editorialnexu-io/open-design白底杂志风 deck — 纯白背景 + 顶部 10 色彩虹 bar、80-110px display 标题、紫→蓝→绿→橙→粉渐变文字、马卡龙软卡片组（粉/紫/蓝/绿/橙）、黑底白字 .focus pill、引用大块。同时适合发小红书图文 + 横版 PPT 双用。182skills.sh installs
angular-destroyrefoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular DestroyRef, takeUntilDestroyed, or cleanup in Angular.182skills.sh installshtml-ppt-xhs-postnexu-io/open-design小红书 / Instagram 风 9 页 3:4 竖版图文（810×1080）— 暖色 pastel、虚线 sticker 卡片、底部页码点点。用于发小红书图文、Instagram carousel、品牌种草内容。181skills.sh installsangular-resolversoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Route Resolvers, data pre-fetching, or loading data before route activation.179skills.sh installsangular-deferrableoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Deferrable Views, @defer, lazy loading components, or deferred loading in Angular.178skills.sh installs