How do I install the HTML Ppt Obsidian Claude Gradient skill?

Run npx skillmds@latest add gabrielmoreira/html-ppt-obsidian-claude-gradient in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is HTML Ppt Obsidian Claude Gradient safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with HTML Ppt Obsidian Claude Gradient?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is HTML Ppt Obsidian Claude Gradient free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published HTML Ppt Obsidian Claude Gradient?

gabrielmoreira (@gabrielmoreira) published this skill. Their other Agent Skills are listed on their SkillMD profile.

HTML Ppt Obsidian Claude Gradient by gabrielmoreira

Name: HTML Ppt Obsidian Claude Gradient
Rating: 4.2 (5 reviews)
Author: gabrielmoreira

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.

gabrielmoreira Updated Sep 9, 2026 17 repo stars

File contents

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

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.
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.
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).
- Recipe B — inline: read the same four files and replace each <link rel="stylesheet" href="../../../assets/..."> with a <style>...</style> containing the file's contents, and the <script src="../../../assets/runtime.js"> with a <script>...</script> containing runtime.js. Yields a single self-contained index.html. Either way, do not ship the upstream ../../../assets/... URLs verbatim into a project artifact — they only work in-tree.
Pick a theme. Default tokens look fine; if the user wants a different feel, swap in any of the 36 themes from design-templates/html-ppt/assets/themes/*.css via <link id="theme-link"> and let T cycle.
Replace demo content, not classes. The .tpl-obsidian-claude-gradient scoped CSS only recognises the structural classes shipped in the template — keep them.
Speaker notes go inside <aside class="notes"> or <div class="notes"> — never as visible text on the slide.

Attribution

Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed lewislulu/html-ppt-skill. The LICENSE file ships at design-templates/html-ppt/LICENSE; please keep it in place when redistributing.

---name: html-ppt-obsidian-claude-gradientdescription: 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.---# HTML PPT · GitHub 暗紫渐变 A focused entry point into the [`html-ppt`](../html-ppt/SKILL.md) 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](../html-ppt/references/full-decks.md) 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`](../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`). - **Recipe B — inline:** read the same four files and replace each `<link rel="stylesheet" href="../../../assets/...">` with a `<style>...</style>` containing the file's contents, and the `<script src="../../../assets/runtime.js">` with a `<script>...</script>` containing `runtime.js`. Yields a single self-contained `index.html`. Either way, do not ship the upstream `../../../assets/...` URLs verbatim into a project artifact — they only work in-tree. 4. **Pick a theme.** Default tokens look fine; if the user wants a different feel, swap in any of the 36 themes from `design-templates/html-ppt/assets/themes/*.css` via `<link id="theme-link">` and let `T` cycle. 5. **Replace demo content, not classes.** The `.tpl-obsidian-claude-gradient` scoped CSS only recognises the structural classes shipped in the template — keep them. 6. **Speaker notes go inside `<aside class="notes">` or `<div class="notes">`** — never as visible text on the slide. ## Attribution Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed [`lewislulu/html-ppt-skill`](https://github.com/lewislulu/html-ppt-skill). The LICENSE file ships at `design-templates/html-ppt/LICENSE`; please keep it in place when redistributing.

Frequently asked questions