What problem does it solve? Restyling Obsidian with CSS snippets often fails because natural-language requests like "tabs above the note" map to multiple UI layers, leading to edits on the wrong selectors, invisible changes, and frustrating trial-and-error loops. ## Core Features & Use Cases - Phrase-to-Layer Translation: Maps user descriptions of visible Obsidian objects (tab headers, side docks, backlinks, note surface) to stable selector families before editing. - Checkpointed Editing Loop: Reads appearance.json for active snippets, saves named checkpoints outside .obsidian/snippets, patches one owning layer, formats CSS, and screenshot-verifies every visual pass. - Failure Diagnosis: Interprets feedback like "nothing changed" or "still wrapped" as evidence of wrong selector ownership, clipping, or double-styled wrappers, with restore-from-checkpoint recovery. - Use Case: A user says the right sidebar icons are unreadable and backlink cards look overwrapped; the skill maps these to side-dock tab headers and backlink group wrappers, checkpoints the active snippet, makes one scoped fix, and verifies with a cropped screenshot. ## Quick Start Ask the agent to restyle a specific part of your Obsidian vault, for example: make the workspace tab headers higher contrast in my vault and verify it with a screenshot.
