`placeholder:` image-src resolver

![Portrait](placeholder:portrait) resolves to a generated, theme-tinted inline SVG placeholder sized to the named shape — deterministic, offline, screenshot-stable.

claude/spec-image-src-scheme-sugar View source

Criteria completion

Tracking started Jun 13 — check back for trends.

Relationships

ID:SPEC-106Status:draft

Image-src scheme sugar: placeholder: and icon:

ID:WORK-418Status:done

Image-src scheme registry + resolver hook

Priority:mediumComplexity:moderateMilestone:v0.22.0

ID:v0.22.0Status:active

v0.22.0 — Theme platform foundations

ID:WORK-421Status:done

Migrate fixtures to placeholder: (drop the base64-PNG interim)

Priority:mediumComplexity:simpleMilestone:v0.22.0

ID:WORK-422Status:done

Image-scheme authoring docs

Priority:lowComplexity:simpleMilestone:v0.22.0

claude/spec-image-src-scheme-sugar current pending

claude/spec-106-image-src-schemes done main done

Jun 13, 03:32 PM8bc0dca
Created (pending)by bjornolofandersson

Scope

Register a placeholder:<shape> resolver (via WORK-418) emitting a generated inline <svg> for each shape: cover (16:9), square, portrait (3:4), wide, banner, avatar (round), thumbnail.
The SVG is a neutral scene (e.g. horizon + sun) at the shape's aspect ratio, drawn with theme tokens (var(--rf-color-surface)/--rf-color-muted/--rf-color-border) so it tracks tint + dark mode. Deterministic (no randomness).
Unknown shape → fall back to cover + dev warning. alt → accessible label.

Acceptance Criteria

placeholder:<shape> emits a deterministic, token-tinted inline SVG for each documented shape, at the correct aspect ratio.
Output adapts to light/dark via tokens (no hardcoded colours); identical across runs.
Unknown shape falls back to cover with a dev warning; tests cover shapes + fallback.

Dependencies

Requires WORK-418 (the scheme registry).

References

SPEC-106.