mcpField
D
deck-obsidian-claude

deck-obsidian-claude

github.com/nexu-ioドキュメント9.3k40 回インストール2 週間前に更新
リポジトリ

deck-obsidian-claude について

開発者向けチュートリアルのデッキテンプレートです。GitHub BlogやLinear Changelog風の暗いグリッド、グラデーション見出し、コード向け配色を採用しています。

主な機能

  1. 01GitHubダーク背景とグリッド
  2. 02紫と青の環境光
  3. 03中央揃えレイアウトと紫のタグ
  4. 043色グラデーション見出し
  5. 05コード配色と左罫線付き強調ブロック

活用シーン

  1. 01開発者向けチュートリアルの作成
  2. 02コードの説明と要点の強調
  3. 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 風のコードパレット + 紫色の左ボーダーで強調したブロック

コメント