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, andobsidian-plugin-ui-ux.