GlyphfieldExport skill
Use the $glyphfield-export skill to produce stills, motion, documents, JSON and Lottie files from the right renderer and check each file before saving it.
$glyphfield-export covers the final file. Use it whenever the request involves downloading, rendering, dimensions, transparency, motion loops, audio, or a file that looks different from its preview.
Renderers
| Output | Renderer and action |
|---|---|
| Template or background SVG | POST /api/generate |
| PNG or SVG from OpenGraph, Terminal card, Blog cover, Partnership lockup or Slide templates | <tool>.export.png and <tool>.export.svg in that tool |
| Slide deck PDF | slides.export.pdf in Slide templates |
| Design Lab PNG, JPG, GIF or MP4 | design.export for the selected artboard. Loose canvas layers are not exported |
| Design Lab project JSON | design.export.project |
| Animation GIF, MP4 with audio, or PNG poster frame | animation.export |
| Brand book PDF | brand-book.print, which opens the browser print dialog |
| Brand identity JSON or brand kit | identity.export.json or identity.export.kit |
Lottie PNG frame, GIF, MP4, JSON or .lottie | lottie.export |
Browser API pattern
const studio = window.glyphfield.studio;
const artifact = await studio.invoke('design.export', {
format: 'png',
download: false,
});
if (!(artifact.blob instanceof Blob) || artifact.blob.size === 0) {
throw new Error('Glyphfield returned an empty export.');
}Call studio.download(artifact) only after the check, and only when the user asked to save the file.
Motion rules
- Run GIF and MP4 exports one at a time. They share live canvases and browser encoders.
- Design Lab motion runs at 12, 15, 24, 30 or 60 FPS for 1.2, 1.6, 2.4 or 4 seconds. Animation runs at 10, 15, 20, 24 or 30 FPS. Lottie exports GIF at 25 FPS and MP4 at 30 FPS.
- Effect layers with a Shaders.com image effect need WebGPU. Without it, an export that includes such a layer stops with an error that names the layer. Shaders.com materials also use WebGPU and show a still preview without it.
- Design Lab exports render shaders at about the export resolution. The live preview quality setting does not lower it.
- Use
mode: "shader-sequence"only with GIF or MP4. - A GIF has no audio track. Choose MP4 when the motion needs audio.
- A loop setting does not prove a seamless loop. Compare the last and first displayed frames and watch the transition at normal speed.
- Inspect several frames for shader motion, text color stability, clipping and layout shifts.
- If MP4 encoding is unavailable, report it and keep the source. Do not substitute GIF.
Completion check
Confirm non-empty bytes, the file name, MIME type, extension, dimensions and transparency. For GIF and MP4, inspect several decoded frames and the loop seam. For MP4 with audio, check the audio stream itself instead of assuming the UI setting was encoded.
See Download and use artifacts for format-specific handling and Agent recipes for complete workflows.
Studio skill
Use the $glyphfield-studio skill to operate an open Glyphfield Studio in the browser through accessible controls and exact source round trips.
Brand skill
Use the $glyphfield-brand skill to set up or improve a brand identity from the brand's own sources, pass the health audit and export the brand kit.