obsidian-local-dev-loop

Featured

Set up a fast Obsidian plugin development loop with hot reload. Covers cloning the sample plugin, esbuild watch mode, symlinking into a vault, Ctrl+R hot reload, Chrome DevTools debugging, and testing with vitest. Use when starting plugin development or configuring a dev environment. Trigger with "obsidian dev loop", "obsidian hot reload", "obsidian development setup", "develop obsidian plugin".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Obsidian Local Dev Loop ## Overview Establish a fast edit-build-test cycle for Obsidian plugins. Clone the official sample plugin, run esbuild in watch mode, symlink into a dev vault, hot-reload with Ctrl+R, debug with Chrome DevTools, and run tests with vitest. Aimed at sub-second feedback from save to reload. ## Prerequisites - Node.js 18+ with npm - Git - Obsidian desktop app installed - A vault dedicated to development (keep it separate from your real notes) ## Instructions ### Step 1: Clone the official sample plugin Start from the maintained template rather than from scratch: ```bash set -euo pipefail git clone https://github.com/obsidianmd/obsidian-sample-plugin.git my-plugin cd my-plugin rm -rf .git git init npm install ``` The sample includes `esbuild.config.mjs`, `tsconfig.json`, `manifest.json`, and a working `src/main.ts`. ### Step 2: Create a dedicated dev vault Keep a vault just for testing. Pre-populate it with sample notes. ```bash set -euo pipefail DEV_VAULT="$HOME/ObsidianDev" mkdir -p "$DEV_VAULT/.obsidian/plugins" mkdir -p "$DEV_VAULT/Test Notes" cat > "$DEV_VAULT/Test Notes/Sample.md" << 'EOF' --- tags: [test, sample] --- # Sample Note This note exists for plugin development testing. ## Section A Some content with a [[link]] and a #tag. ## Section B - Item 1 - Item 2 - Item 3 EOF echo "Dev vault ready at $DEV_VAULT" ``` Open this vault in Obsidian: File > Open vault > select `~/ObsidianDev`. ### Step 3: Symlink the plugin into th...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
7 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

obsidian-install-auth

Set up Obsidian plugin development environment with Node.js and TypeScript. Use when starting a new plugin project, configuring the dev environment, or initializing Obsidian plugin development from scratch. Trigger with phrases like "obsidian setup", "obsidian plugin dev", "create obsidian plugin", "obsidian development environment".

2,266 Updated today
jeremylongshore
AI & Automation Featured

obsidian-multi-env-setup

Configure multiple Obsidian environments for development, testing, and production. Use when managing separate vaults, testing plugin versions, or establishing a proper development workflow with isolated environments. Trigger with phrases like "obsidian environments", "obsidian dev vault", "obsidian testing setup", "multiple obsidian vaults".

2,266 Updated today
jeremylongshore
AI & Automation Featured

obsidian-core-workflow-a

Create an Obsidian plugin from scratch with full project scaffolding. Covers Plugin class, ribbon icons, commands, settings tab, esbuild config, manifest.json, and building/testing. Use when starting a new plugin, scaffolding a project, or learning the plugin lifecycle. Trigger with "create obsidian plugin", "scaffold obsidian plugin", "new obsidian plugin", "obsidian plugin from scratch".

2,266 Updated today
jeremylongshore
AI & Automation Featured

klaviyo-local-dev-loop

Configure Klaviyo local development with hot reload, mocking, and testing. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with the Klaviyo API. Trigger with phrases like "klaviyo dev setup", "klaviyo local development", "klaviyo dev environment", "develop with klaviyo", "klaviyo testing".

2,266 Updated today
jeremylongshore
AI & Automation Featured

obsidian-hello-world

Create a minimal working Obsidian plugin with commands, settings, modals, and ribbon icons. Use when building your first plugin feature, testing your setup, or learning basic Obsidian plugin patterns. Trigger with phrases like "obsidian hello world", "first obsidian plugin", "obsidian quick start", "simple obsidian plugin".

2,266 Updated today
jeremylongshore