Skill6.7k estrellas del repoactualizado 11d ago

deck-obsidian-claude

This Claude Code skill provides a developer-focused presentation template combining GitHub's dark color scheme with purple-blue ambient lighting, gradient titles, and GitHub-style code blocks. Use it when creating technical tutorials, developer documentation, or changelog decks that require a modern, cohesive visual aesthetic with syntax-highlighted code examples and centered layouts featuring purple accent elements.

Ver fuente Repositorio: html-anything

Instalar en Claude Code

Copiar

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/deck-obsidian-claude && cp -r /tmp/deck-obsidian-claude/next/src/lib/templates/skills/deck-obsidian-claude ~/.claude/skills/deck-obsidian-claude

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

SKILL.md

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

Del mismo repositorio

article-magazineSkill

Substack / Medium 高级感长文排版, 适合公众号、博客发布

blog-postSkill

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

card-twitterSkill

推特金句 / 数据卡, 适合配推文

card-xiaohongshuSkill

小红书风格知识卡片, 多张联排可滑动浏览

competitive-teardownSkill

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

dashboardSkill