Which icons can I use for Obsidian ribbon items?

Obsidian uses the Lucide icon library. This skill includes examples for common icons like star, settings, and layout-dashboard.

How do I create a custom sidebar panel in Obsidian?

This skill provides a pattern for extending the ItemView class and using the registerView and activateView methods to safely manage workspace leaves.

How do I prompt users for input in an Obsidian plugin?

You can use the Modal class for custom forms or the FuzzySuggestModal for providing a searchable list of items for the user to select from.

What is the correct way to update the status bar?

Use the addStatusBarItem method and register an interval within the plugin's onload lifecycle to update the text dynamically without memory leaks.

Obsidian UI Components

Name: Obsidian UI Components
Author: nthplusio

bynthplusio

•

设计工具

Streamlines the development of user interface elements for Obsidian plugins using native components and best practices.

The obsidian-ui skill provides a specialized framework for building rich, native-feeling interfaces within the Obsidian ecosystem. It offers standardized implementation patterns for custom sidebar panels via ItemView, interactive modals, fuzzy-search suggestion menus, and persistent status bar items. By leveraging this skill, developers can ensure their plugins follow Obsidian's specific architectural requirements, such as proper WorkspaceLeaf management and the efficient use of Lucide icons and DOM helpers, resulting in more stable and performant community plugins.

主要功能

01Notice management for transient user notifications

02Standard and FuzzySuggestModal implementation patterns

03Best practices for Obsidian-specific DOM manipulation helpers

04Boilerplate for custom ItemViews and sidebar panels

05Ribbon icon and status bar item configuration

061 GitHub stars

使用场景

01Implementing searchable file or tag pickers with FuzzySuggestModal

02Creating a custom dashboard or data visualization sidebar

03Building interactive settings modals and input forms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nthplusio/functional-claude obsidian-ui

For use in Claude.ai and ChatGPT

主要功能

01Notice management for transient user notifications

02Standard and FuzzySuggestModal implementation patterns

03Best practices for Obsidian-specific DOM manipulation helpers

04Boilerplate for custom ItemViews and sidebar panels

05Ribbon icon and status bar item configuration

061 GitHub stars

使用场景

01Implementing searchable file or tag pickers with FuzzySuggestModal

02Creating a custom dashboard or data visualization sidebar

03Building interactive settings modals and input forms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nthplusio/functional-claude obsidian-ui

For use in Claude.ai and ChatGPT