Files
obsidian-skills/skills/obsidian-markdown/references/CALLOUTS.md
T
Alan Pope 5a557ceba7 feat: improve skill quality scores across 4 skills
Ran skills through tessl evaluation tooling and applied targeted
improvements to structure, conciseness, and workflow clarity.

| Skill             | Before | After | Change |
|-------------------|--------|-------|--------|
| defuddle          |  100%  | 100%  |   --   |
| json-canvas       |   83%  | 100%  |  +17%  |
| obsidian-bases    |   83%  | 100%  |  +17%  |
| obsidian-cli      |   94%  | 100%  |   +6%  |
| obsidian-markdown |   71%  |  94%  |  +23%  |

Changes:
- Add structured workflows with validation steps
- Extract verbose reference tables to references/ files (progressive disclosure)
- Remove standard Markdown content Claude already knows (obsidian-markdown)
- Add troubleshooting section for common YAML/formula errors (obsidian-bases)
- Restructure plugin dev section into numbered test cycle (obsidian-cli)
- Condense redundant examples, keep one per pattern

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-25 11:32:59 +00:00

1.2 KiB

Callouts Reference

Basic Callout

> [!note]
> This is a note callout.

> [!info] Custom Title
> This callout has a custom title.

> [!tip] Title Only

Foldable Callouts

> [!faq]- Collapsed by default
> This content is hidden until expanded.

> [!faq]+ Expanded by default
> This content is visible but can be collapsed.

Nested Callouts

> [!question] Outer callout
> > [!note] Inner callout
> > Nested content

Supported Callout Types

Type Aliases Color / Icon
note - Blue, pencil
abstract summary, tldr Teal, clipboard
info - Blue, info
todo - Blue, checkbox
tip hint, important Cyan, flame
success check, done Green, checkmark
question help, faq Yellow, question mark
warning caution, attention Orange, warning
failure fail, missing Red, X
danger error Red, zap
bug - Red, bug
example - Purple, list
quote cite Gray, quote

Custom Callouts (CSS)

.callout[data-callout="custom-type"] {
  --callout-color: 255, 0, 0;
  --callout-icon: lucide-alert-circle;
}