nexu-io avatar

Html Ppt Obsidian Claude Gradient

Generates presentation decks with GitHub's dark purple aesthetic: radial gradient background anchored at #0d1117, three-color gradient titles (purple to blue to green), and purple pill badges. Built on the html-ppt framework, so you get keyboard navigation, presenter notes, and theme switching out of the box. The template is aimed at developer tutorials, MCP configuration walkthroughs, or changelog-style slides where you want that Linear or GitHub Blog vibe. You'll need to copy the runtime assets into your project or inline them, since the upstream paths only work in the skill repo. If you ship a lot of developer education content and want a consistent dark look without starting from scratch, this lands you there in one pick.

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

Install

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

Installs into .claude/skills of the current project.

Files

HTML PPT · GitHub 暗紫渐变

A focused entry point into the html-ppt master skill that lands the user directly on the obsidian-claude-gradient 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 obsidian-claude-gradient (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, Git & Pull Requests, Design & UI/UX, Office & Documents
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1nexu-io avatarhtml-ppt-hermes-cyber-terminalnexu-io/open-design暗终端 honest-review deck —185skills.sh installs
2oguzhan18 avatarangular-httpoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular HttpClient, HTTP requests, interceptors, error handling, or API communication in Angular applications.185skills.sh installs
3224-industries avatarwebflow-designer-api224-industries/webflow-skillsWork with the Webflow Designer API — either by building Designer Extensions (iframes inside the Webflow Designer) or by generating code snippets for the Designe184skills.sh installs
4nexu-io avatarhtml-ppt-knowledge-arch-blueprintnexu-io/open-design奶油蓝图架构 deck — 奶油纸184skills.sh installs
5oguzhan18 avatarangular-guardsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Route Guards, CanActivate, CanDeactivate, CanLoad, or route protection in Angular applications.184skills.sh installs
6oguzhan18 avatarangular-interceptorsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular HTTP Interceptors, request/response transformation, auth interceptors, or error handling in HTTP calls.184skills.sh installs