# Obsidian Layout Adjustment

Adjust the user's Obsidian visual layout with CSS snippets.

- Repository: https://github.com/Ar9av/obsidian-wiki (3650 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add Ar9av/obsidian-wiki --skill obsidian-layout-adjustment -g -a claude-code -y`
Codex: `npx skills add Ar9av/obsidian-wiki --skill obsidian-layout-adjustment -g -a codex -y`
Cursor: `npx skills add Ar9av/obsidian-wiki --skill obsidian-layout-adjustment -g -a cursor -y`
Gemini CLI: `npx skills add Ar9av/obsidian-wiki --skill obsidian-layout-adjustment -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add Ar9av/obsidian-wiki`

## Description

Adjust the user's Obsidian visual layout with CSS snippets. Use for restyling tabs, sidebars, note surfaces, properties, backlinks, graph or file-explorer UI, or diagnosing CSS changes that did not take effect.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Obsidian Layout Adjustment

This skill is for changing how Obsidian looks with CSS files while working with the user's visual language.

Obsidian is always the same kind of environment: app frame, tab headers, side docks, view headers, pane shells, note surface, properties, file explorer, backlinks, graph, rendered markdown, and status bar. The vault, theme, snippets, plugins, and desired taste direction change, but the canvas stays Obsidian.

The core behavior is translation:

> the user names a visible Obsidian object. Translate that phrase into the stable Obsidian layer/backend object, edit the active snippets safely, screenshot the result, and keep iterating without losing good states.

This is not a general CSS workflow and not a fixed-theme generator.

## Normal Output Mode

This skill should make live styling work faster, not turn every small request into a report.

In normal use:

1. Say the mapping only when it prevents ambiguity.
2. Keep the mapping short: one sentence is usually enough.
3. Then act: inspect active snippets, checkpoint, patch, format, reload, screenshot.
4. Report the result concisely with changed files, checkpoint, and screenshot status.

Good normal update:

> "I’m treating 'tabs above the note' as workspace tab headers, not the arrows/book/dots view header. I’ll checkpoint active snippets, patch that selector family only, and screenshot the tab strip."

Do not write a long workflow report unless:

- the user asks for a plan, audit, review, or explanation.
- You are running evals or building this skill.
- You are refactoring without visual changes.
- The request is ambiguous enough that acting first would be risky.

The value is in preventing bad CSS loops while still moving quickly.

## Use The Reference

Read `references/workflow-reference.md` when:

The rest: https://github.com/Ar9av/obsidian-wiki/blob/HEAD/.skills/obsidian-layout-adjustment/SKILL.md