Use when adding new error messages to React, or seeing "unknown error code" warnings.
npx skills add apcamargo/typst-skills --skill "typst-author"
Install specific skill from multi-skill repository
# Description
Generate idiomatic Typst (.typ) code, edit existing Typst files, and answer Typst syntax questions. Use when working with Typst files (*.typ) or when the user mentions Typst markup, document creation, or formatting.
# SKILL.md
name: typst-author
description: Generate idiomatic Typst (.typ) code, edit existing Typst files, and answer Typst syntax questions. Use when working with Typst files (*.typ) or when the user mentions Typst markup, document creation, or formatting.
typst-author skill
Overview
This skill helps agents generate, edit, and reason about Typst documents. It provides quick‑start examples, detailed workflows, and links to the full Typst documentation (guides, tutorials, reference).
Minimal document example
#set document(title: "My Document", author: "Author Name")
#set page(numbering: "1")
#set text(lang: "en")
// Enable paragraph justification and character-level justification
#set par(
justify: true,
justification-limits: (
tracking: (min: -0.012em, max: 0.012em),
spacing: (min: 75%, max: 120%),
)
)
#title[My Document]
= Heading 1
This is a paragraph in Typst.
== Heading 2
#lorem(50)
Workflows
- Creating a new Typst project: Use the "Minimal document example" above as a starting point. Skim the tutorial for the basics (docs/tutorial/writing-in-typst.md), then create the
.typfile(s). - Editing existing content: Locate the target text and apply changes; confirm syntax against the reference when needed (docs/reference/).
- Formatting & Styling: Consult the styling guide (docs/reference/styling.md) for
set rule,show rule, and custom themes.
Documentation
- Guides:
docs/guides/*.md - Tutorials:
docs/tutorial/*.md - Full reference tree:
docs/reference/**/*.md
Detailed instructions
- PRIORITY: Trust local documentation. Your internal training data regarding Typst may be outdated or hallucinated. Always verify function names, parameters, and syntax against the local
docs/folder before generating code. - Read the relevant documentation (use
Read/Grep/Globon the paths above). - Generate or modify the
.typsource according to the user's request. - Validate the generated Typst by running
typst compile(if tool access is allowed). - Provide the final
.typcontent and optionally a rendered preview (PDF/HTML).
Quick syntax reference
Critical distinctions:
- Arrays:
(item1, item2)(parentheses). See docs/reference/foundations/array.md. - Dictionaries:
(key: value, key2: value2)(parentheses with colons). See docs/reference/foundations/dictionary.md. - Content blocks:
[markup content](square brackets). See docs/reference/foundations/content.md. - NO tuples: Typst only has arrays.
Hash usage (markup vs code):
- Use
#to start a code expression inside markup or content blocks; it disambiguates code from text. This is required for content-producing function calls and field access in markup:#figure[...],#image("file.png"),text(...)[#numbering(...)]. - Do not use
#inside code contexts (argument lists, code blocks, show-rule bodies). Example:#figure(image("file.png"))(no#beforeimage). - Reference: docs/reference/scripting.md, docs/tutorial/writing-in-typst.md
// Incorrect (missing # inside content block)
text(...)[(numbering(...))]
// Correct
text(...)[(#numbering(...))]
Common mistakes to avoid
- Calling things "tuples" (Typst only has arrays).
- Using
[]for arrays (use()instead). - Accessing array elements with
arr[0](usearr.at(0)). - Omitting
#in markup/content blocks (e.g.,text(...)[numbering(...)]should betext(...)[#numbering(...)]). - Using
#inside code contexts (e.g.,figure(#image("x.png"))in an argument list). - Mixing up content blocks
[]with code blocks{}. - Forgetting to include the namespace when accessing imported variables/functions (e.g., use
color.hslinstead of justhsl). - Using LaTeX syntax (do NOT use
\begin{...},\section, or other LaTeX commands). - Hallucinating environments (e.g.,
tabulardoes not exist; usetable).
Advanced features
- Custom themes: See docs/reference/styling.md for theme creation.
- Scripting: Use Typst's scripting capabilities (docs/reference/scripting.md) for automatic generation.
- Math and visualisation: Reference docs/reference/math/ and docs/reference/visualize/ for formulas and diagrams.
For large projects
When working on large projects, consider organizing the project across multiple files.
- Use
#include "file.typ"to split into multiple files - Relevant documentation: docs/reference/foundations/module.md
Troubleshooting
Missing font warnings
If you see "unknown font family" warnings, remove the font specification to use system defaults. Note: Font warnings don't prevent compilation; the document will use fallback fonts.
Template/Package not found
If import fails with "package not found":
- Verify exact package name and version on Typst Universe.
- Check for typos in
@preview/package:versionsyntax. - Remember: Typst uses fully qualified imports with specific versions - there's no package cache to update.
Compilation errors
Common fixes:
- "expected content, found ...": You're using code where markup is expected - wrap in
#{ }or use proper syntax. - "expected expression, found ...": Missing
#(or#(...)) in markup/content blocks. - "unknown variable": Check spelling, ensure imports are correct.
- Array/dictionary errors: Review syntax - use
()for both, dictionaries needkey: value, singleton arrays are(elem,).
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.