From workflows
Renders a single Typst slide in isolation for debugging or visual verification. Provides the correct project-root file setup pattern to avoid access-denied and import errors.
How this skill is triggered — by the user, by Claude, or both
Slash command
/workflows:typst-test-slideThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Renders a single Typst slide in isolation for debugging or visual verification. This is a recipe, not a workflow.
Renders a single Typst slide in isolation for debugging or visual verification. This is a recipe, not a workflow.
Typst cannot access files outside its project root. Creating test files in /tmp/ causes "access denied" on every #import and #image() call. This skill provides the correct pattern.
| Error | Cause | Fix |
|---|---|---|
access denied on #import "../templates/theme.typ" | Test file is in /tmp/ (outside project root) | Put test file in output/ inside the project |
access denied on #image(...) | Image path resolves outside project root | Use ../assets/ from output/ directory |
file not found on #import "../../templates/theme.typ" | Wrong relative depth (used sub-slide depth instead of output/ depth) | output/ is one level deep: use ../templates/, not ../../templates/ |
| Slides don't render (just text) | Missing #show: university-theme.with(...) preamble | Include the full preamble (see template below) |
output/cat > output/test-slide.typ << 'EOF'
#import "../templates/theme.typ": *
#show: university-theme.with(
aspect-ratio: "16-9",
config-info(
title: [Test],
author: [Test],
date: datetime.today(),
institution: [UVA],
logo: image("../assets/LawP_horizontal_short_4c_RGB.png"),
),
)
#slide[
// paste slide content here
]
EOF
--root . from project roottinymist compile --root . output/test-slide.typ /tmp/test-slide.png --ppi 144
The --root . flag tells Typst that the project root is the current directory, so ../templates/ from output/ resolves correctly.
rm -f output/test-slide.typ
output/, never /tmp/ or any directory outside the project root.--root . from the project root directory.output/ go up one level: ../templates/, ../assets/.slides/XX-topic/ go up two levels: ../../templates/, ../../assets/ -- do not confuse these depths.output/ is gitignored but keeping test files around causes confusion.npx claudepluginhub edwinhu/workflows --plugin workflowsCreates Slidev presentations with markdown slides, Vue components, modular imports, layouts, themes, animations, code highlighting, and best practices for developers.
Guide for debugging and troubleshooting Slidev presentations. Use when diagnosing export failures, missing content, font issues, build errors, or configuration mistakes.
Generates interactive presentation slides using React + Tailwind, exports to standalone single-file HTML. Guides users through requirements collection, outline confirmation, and browser verification.