deck-obsidian-claude について
開発者向けチュートリアルのデッキテンプレートです。GitHub BlogやLinear Changelog風の暗いグリッド、グラデーション見出し、コード向け配色を採用しています。
主な機能
- 01GitHubダーク背景とグリッド
- 02紫と青の環境光
- 03中央揃えレイアウトと紫のタグ
- 043色グラデーション見出し
- 05コード配色と左罫線付き強調ブロック
活用シーン
- 01開発者向けチュートリアルの作成
- 02コードの説明と要点の強調
- 03暗いグラデーション調で技術テーマを発表
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill deck-obsidian-claudeインストール後、Claude Code で/deck-obsidian-claudeを入力して読み込まれたか確認します。
同梱ファイルexample.html
詳細
【テンプレート:Obsidian Claude Gradient Deck】 【意図】GitHub Blog/Linear Changelog のような、開発者向けチュートリアルの deck。 【レイアウト】
- GitHub-dark #0d1117 + 紫と青の radial 環境光 + 60px グリッドマスク
- 中央揃えのレイアウト + 紫色の pill タグ
- 3 色のグラデーションタイトル(#a855f7→#60a5fa→#34d399)
- GitHub 風のコードパレット + 紫色の左ボーダーで強調したブロック
コメント
Markdown 対応