obsidian-core-workflow-b

Featured

Build advanced Obsidian plugin features: custom views (ItemView), modals, editor commands with selection manipulation, status bar, context menus, and Vault API file creation/modification. Use when adding UI components to a plugin, building sidebar views, or creating modal dialogs. Trigger with "obsidian modal", "obsidian custom view", "obsidian sidebar", "obsidian context menu", "obsidian editor command", "obsidian UI".

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 Core Workflow B: Advanced Plugin Features ## Overview Add production UI to an existing Obsidian plugin: custom sidebar views, modal dialogs with forms, fuzzy-search suggestion popups, editor commands that manipulate selections, status bar widgets, context menus, and programmatic file creation via the Vault API. Every snippet is a complete, copy-pasteable class. ## Prerequisites - A working plugin built with `obsidian-core-workflow-a` (or equivalent) - `npm install --save-dev obsidian` already done - Familiarity with the Plugin lifecycle (`onload` / `onunload`) ## Instructions ### Step 1: Custom sidebar view (ItemView) A custom view registers a new panel type that can live in the left or right sidebar. ```typescript // src/views/StatsView.ts import { ItemView, WorkspaceLeaf, TFile } from "obsidian"; export const STATS_VIEW_TYPE = "vault-stats-view"; export class StatsView extends ItemView { constructor(leaf: WorkspaceLeaf) { super(leaf); } getViewType(): string { return STATS_VIEW_TYPE; } getDisplayText(): string { return "Vault Stats"; } getIcon(): string { return "bar-chart-2"; } async onOpen() { const container = this.containerEl.children[1]; container.empty(); container.addClass("stats-view"); container.createEl("h4", { text: "Vault Statistics" }); const listEl = container.createEl("ul"); const files = this.app.vault.getMarkdownFiles(); let totalWords = 0; for (const file of files...

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-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

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
AI & Automation Featured

obsidian-observability

Implement structured logging, metrics, error tracking, and a debug panel for Obsidian plugins. Use when adding debug logging, tracking plugin performance, building a diagnostics view, or setting up error reporting. Trigger with phrases like "obsidian logging", "obsidian monitoring", "obsidian debug panel", "track obsidian plugin performance".

2,266 Updated today
jeremylongshore
AI & Automation Featured

obsidian-reference-architecture

Implement Obsidian reference architecture with best-practice project layout. Use when designing new plugins, reviewing project structure, or establishing architecture standards for Obsidian development. Trigger with phrases like "obsidian architecture", "obsidian project structure", "obsidian best practices", "organize obsidian plugin".

2,266 Updated today
jeremylongshore
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