Obsidian Claude Gradient

Obsidian Claude Gradient is a Frontend skill for Claude Code, published by nexu-io in open-design.

85.4K stars10K forkson nexu-io/open-designAdded 2026/08/13Repository updated 2026/08/13

agent-skillsai-agentsai-designbyokclaude-code-for-designclaude-designcodex-designcoding-agentscursor-designdesign-systemsdesign-toolsdesktop-appfigma-alternativegenerative-aihermes-agentlocal-firstno-codeprototypingui-generatorvibe-coding

Install in seconds

Install Obsidian Claude Gradient

Copy Obsidian Claude Gradient into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/nexu-io/open-design/tree/main/design-templates/html-ppt-obsidian-claude-gradient ~/.claude/skills/html-ppt-obsidian-claude-gradient

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/nexu-io/open-design.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: design-templates/html-ppt-obsidian-claude-gradient/SKILL.md in nexu-io/open-design
Installs to: ~/.claude/skills/html-ppt-obsidian-claude-gradient
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Obsidian Claude Gradient does

Obsidian Claude Gradient is a full-deck HTML presentation template with a dark purple gradient theme. Use it to build decision-grade AI literacy decks for leadership, IT, and security.

Obsidian Claude Gradient is cataloged under Frontend on DirSkills. Obsidian Claude Gradient comes from a repository tagged agent-skills, ai-agents, ai-design, byok and claude-code-for-design.

Documentation

README

Excerpt

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

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Obsidian Claude Gradient

What else does nexu-io publish alongside Obsidian Claude Gradient?
Obsidian Claude Gradient is one of 25 skills that DirSkills catalogs from nexu-io/open-design, the repository it ships in. Its siblings there include Audio Jingle, Blog Post and Clinical Case Report. Each one is a separate skill with its own page in this directory, installs the same way Obsidian Claude Gradient does, and is maintained by nexu-io in that same repository. The rest of the collection is listed on the nexu-io/open-design page.
How does Obsidian Claude Gradient compare to other Frontend skills?
Obsidian Claude Gradient ranks #29 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Obsidian Claude Gradient against them. Open each page to compare what they document and how they install.