Html Ppt Graphify Dark Graph
A themed entry point into the html-ppt system that loads you straight into a dark gradient deck template with floating blur orbs, an SVG force-directed graph cover slide, and rainbow gradient titles. Built for dev tool launches, CLI demos, or data visualization keynotes where you want that AI-native sci-fi look with warm accent colors. Uses JetBrains Mono for code blocks and glass-morphism cards. The main gotcha is fixing the asset paths when you copy the template out of the skill tree, either by copying the shared CSS and JS locally or inlining everything into one HTML file. Ships with 36 swappable themes and a keyboard-driven presenter mode.
- 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-graphify-dark-graph --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 graphify-dark-graph 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 graphify-dark-graph (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 Knowledge Arch Blueprint184
- Html Ppt Xhs Pastel Card184
- 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
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 installs