Agent skill · writing content · nexu-io
html-ppt-obsidian-claude-gradient
OpenDesign's enterprise AI-adoption brief: local-first agents at work, the risk controls, the ROI, and the rollout plan. Built as a decision-grade AI literacy deck for leadership, IT, security.
Why this skill is useful
Provides a structured approach to creating an enterprise AI adoption brief, including specific audience targeting and decision-making frameworks that the AI wouldn't reliably generate on its own.
What it needs
About 3k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
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 exampleprompt 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 1. Read the master skill first. All authoring rules live in design-templates/html-ppt/SKILL.md — content/audience checklist, token rules, layout reuse, presenter mode, the keyboard runtime, and the "never put presenter-only text on the slide" rule. 2. Start from the matching template folder: design-templates/html-ppt/templates/full-decks/obsidian-claude-gradient/ — copy index.html and style.css into the project, keep the .tpl-obsidian-claude-gradient body class. 3. Bring the shared runtime with the template. The upstream index.html links the shared CSS/JS via ../../../assets/... because it sits three folders deep inside design-templates/html-ppt/templates/full-decks/. Once you copy index.html into the project, those parent-relative URLs no longer resolve and base.css, animations.css, and runtime.js will 404 — meaning the deck never activates and slide navigation is dead. Pick one of these two recipes per project: Recipe A — copy + rewrite (preferred): copy design-templates/html-ppt/assets/fonts.css, design-templates/html-ppt/assets/base.css, design-templates/html-ppt/assets/animations/animations.css, and design-templates/html-ppt/assets/runtime.js into a project-local assets/ (with assets/animations/animations.css), then rewrite the four <link>/<script> tags in index.html from ../../../assets/... to the matching project-local paths (assets/fonts.css, assets/base.css, assets/animations/animations.css, assets/runtime.js). …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/html-ppt-obsidian-claude-gradient--420ca0