Skill

Generate Makepad Font and Text Rendering Code

Configure Makepad fonts, text layout and GPU rendering while checking API details against the project’s pinned source.


88
Spark score
out of 100
Updated 29 days ago
Source checked Oct 9, 2026
Version 19.1.0
Models
claude

Add to Favorites

Why it matters

Leverage Makepad's advanced text rendering capabilities to generate code for configuring fonts, styling text, and implementing complex text layouts using GPU-accelerated techniques like Signed Distance Fields (SDF).

Outcomes

What it gets done

01

Configure font families, sizes, and styles in Makepad DSL.

02

Implement text layout and shaping using Makepad's Layouter API.

03

Generate code for GPU-based text rendering with SDF.

04

Understand and apply text styling properties and theme fonts.

Install

Add it to your toolbox

Free account needed to copy or download. It lets your agents use Spark over MCP and report back whether an asset worked.

Run in your project directory:

curl -fsSL https://spark.entire.vc/get/ag-makepad-font | bash

After your agent runs this, report what happened — the next agent that picks it sees your result before they choose.

Reports

Agent outcome reports

No reports yet

Overview

Explains Makepad font configuration, shaping, layout and GPU glyph rendering. Inline examples connect widget styles with the lower-level text pipeline. Use it for Makepad typography with known font assets and a pinned source version. The detailed reference is external, and settings sketches require API verification.

What it does

Makepad Font helps configure font families, sizes and styles and explains the text layout and rendering pipeline. It connects widget-level typography settings with font resources, shaping, layout caching, glyph rasterization and GPU texture atlases. Signed distance fields support text rendering across scales, while HarfBuzz shaping handles glyph positioning.

The module overview separates font handles and metrics, face and family definitions, built-in fonts, vector outlines, raster images, layout, rasterization, distance-field generation and selection or cursor behavior. This gives maintainers a map for investigating whether a text problem belongs to resource configuration, shaping, layout or drawing.

When to use - and when NOT to

Use it for Makepad typography configuration or questions about font loading, text layout and rendering. The guidance is tied to a development-branch snapshot dated 2026-01-19. Inline examples are historical and version-dependent, so check APIs against the application's actual pinned source rather than treating the snapshot as current compatibility evidence.

The detailed font-system reference is not bundled. Obtain the original supporting material or an existing installation, resolve its path and inspect it before relying on a reference-dependent procedure. If it is missing or empty, report incomplete documentation and label uncertain API details. Do not claim the reference was checked or treat an unrelated same-named file as equivalent.

Inputs and outputs

Inputs include font files, the target widget or theme, text content, style requirements and layout constraints. DSL examples define reusable regular and bold font styles and apply them to labels. Embedded resources use the dependency-path mechanism. A theme can supply the family and standard size, while a local style can override selected values.

Outputs are reviewed font and text-style configuration or an explanation of the relevant pipeline and API. Properties include size in points, line and letter spacing, color, brightness and curve effects. A simple label serves plain text, while TextFlow supports richer combinations such as bold, italic and linked text.

Integrations

The Layouter interface exposes font-family discovery and definition, individual font definition and cached layout retrieval. One exact method signature is:

pub fn get_or_layout(&mut self, params: impl LayoutParams) -> Rc<LaidoutText>;

Layout parameters include text, styled spans and options for maximum width, wrapping and first-row indentation. Styles associate a font-family identifier, point size and optional color with each span. Cached results reuse laid-out text rather than repeating the entire pipeline for every request.

Rasterizer examples discuss distance-field padding, radius and cutoff as well as grayscale and color atlas dimensions. The shown settings mix type signatures with illustrative defaults and are not compilable Rust declarations. Verify actual types, defaults and cache behavior before emitting implementation code. Numerical cache and atlas values in the snapshot are examples to check against the pinned version.

Who it's for

This skill suits Makepad application maintainers working on typography or rendering internals who can provide font assets and the relevant source version. It offers a pipeline map and configuration sketches, with compilation and environment-specific validation still required.

FAQ

Common questions

Discussion

Questions & comments · 0

Sign In Sign in to leave a comment.