obsidian-plugin-shadcn-ui

Installation
SKILL.md

Obsidian Plugin shadcn/ui

Use this umbrella skill when a plugin task needs polished React-based UI built with shadcn/ui, especially for settings tabs, dialogs, sheets, drawers, dashboards, sidebars, forms, and empty states.

Typical triggers

  • "Use shadcn for this plugin UI"
  • "Add a card/dialog/table/sidebar to this plugin"
  • "How do I initialize shadcn in this repo?"
  • "Can we make this React-based plugin UI look like a real app?"
  • "What shadcn components fit this settings or dashboard screen?"

Important applicability check

Only apply this skill when the plugin actually uses, or intentionally plans to add, a React + Tailwind + shadcn-style frontend stack.

  • Do not assume ordinary Obsidian plugins already have components.json, Tailwind, or shadcn CLI support.
  • If the repo does not already use shadcn/ui, first confirm whether the user wants to add that stack.
  • For non-React or DOM-helper-first plugin UIs, prefer obsidian-plugin-css-styling, obsidian-plugin-accessibility, and obsidian-plugin-ui-ux.
Related skills
Installs
1
GitHub Stars
1
First Seen
Apr 16, 2026