---
name: Deck Obsidian Claude
slug: deck-obsidian-claude
category: Frontend
description: Deck Obsidian Claude is an HTML slide deck template with a GitHub-dark theme, purple-blue ambient lighting, tri-color gradient titles, and GitHub-style code blocks. Use it to create developer tutorial or changelog style presentations.
github: "https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-obsidian-claude"
language: HTML
stars: 8300
forks: 810
install: "npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-obsidian-claude ~/.claude/skills/deck-obsidian-claude"
installs_to: ~/.claude/skills/deck-obsidian-claude
source_path: next/src/lib/templates/skills/deck-obsidian-claude/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/nexu-io/html-anything"
added: 2026-08-15T06:50:56.207Z
last_synced: 2026-08-15T06:50:56.207Z
canonical_url: "https://dirskills.com/skills/deck-obsidian-claude"
---

# Deck Obsidian Claude

Deck Obsidian Claude is an HTML slide deck template with a GitHub-dark theme, purple-blue ambient lighting, tri-color gradient titles, and GitHub-style code blocks. Use it to create developer tutorial or changelog style presentations.

**Install:**

```bash
npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-obsidian-claude ~/.claude/skills/deck-obsidian-claude
```

## README

【模板: Obsidian Claude Gradient Deck】
【意图】类 GitHub Blog / Linear Changelog 的开发者教程 deck。
【布局】
- GitHub-dark #0d1117 + 紫蓝 radial 环境光 + 60px 网格 mask
- 居中布局 + 紫色 pill tag
- 三色渐变标题 (#a855f7→#60a5fa→#34d399)
- GitHub 风代码 palette + 紫色左边框高亮块