UI Sketch Documentation¶

English · 한국어

A UI Sketch wireframe rendered inline in a note

User-facing reference for the UI Sketch Obsidian plugin — render mid-fidelity web UI wireframes inside Obsidian notes from a short YAML block. For installation and an overview, see the main README.

Sections¶

Getting Started — your first sketch in 5 minutes.
YAML Reference — complete syntax: viewport, screen, row/col, grid, and base props.
Component Reference — all 44 components, organized by category, with prop tables and examples.
Recipes — copy-paste templates for common layouts:
Dashboard — grid-based admin layout
Login form — centered mobile form
Settings panel — two-column settings screen
Troubleshooting — error levels, common mistakes, FAQ.

Versioning¶

These docs track the plugin version. If a prop or component behaves differently from what's documented, check manifest.json — the docs in the main branch reflect the latest release on GitHub.

Design docs¶

For internal design specs and implementation plans, see superpowers/. Those are not for users — they document how the plugin is built.