Skills Development Obsidian UI Workflow

Obsidian UI Workflow

v20260311
obsidian-core-workflow-b
Defines the secondary Obsidian workflow for crafting modals, fuzzy suggestion popups, custom views, editor extensions, and context menus when extending the app with bespoke UI experiences.
Get Skill
121 downloads
Overview

Obsidian Core Workflow B: UI Components

Overview

Secondary workflow for Obsidian: building modals, views, suggestion popups, and custom UI elements.

Prerequisites

  • Completed obsidian-install-auth setup
  • Familiarity with obsidian-core-workflow-a
  • Understanding of DOM manipulation

Instructions

Step 1: Modal Dialogs

Step 2: Suggestion Popups (FuzzySuggestModal)

Step 3: Custom Views (Leaf Views)

Step 4: Editor Extensions (CodeMirror 6)

Step 5: Context Menus

For full implementation details and code examples, load: references/implementation-guide.md

Output

  • Modal dialogs for user input
  • Suggestion popups with fuzzy search
  • Custom sidebar views
  • Editor decorations
  • Context menus

Error Handling

Error Cause Solution
View not showing Not registered Call registerView in onload
Modal closes immediately Event propagation Stop event propagation
Decorations not updating Missing update handler Implement update method
Menu item missing Wrong event Verify event type

Resources

Next Steps

For common errors, see obsidian-common-errors.

Examples

Basic usage: Apply obsidian core workflow b to a standard project setup with default configuration options.

Advanced scenario: Customize obsidian core workflow b for production environments with multiple constraints and team-specific requirements.

Info
Category Development
Name obsidian-core-workflow-b
Version v20260311
Size 4.03KB
Updated At 2026-03-12
Language