Toolverse
All skills

makepad-font

by ZhangHanDong

CRITICAL: Use for Makepad font and text rendering. Triggers on:\nmakepad font, makepad text, makepad glyph, makepad typography,\nfont atlas, text layout, font family, font size, text shaping,\nmakepad 字体, makepad 文字, makepad 排版, makepad 字形

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend

About this skill

CRITICAL: Use for Makepad font and text rendering. Triggers on:\nmakepad font, makepad text, makepad glyph, makepad typography,\nfont atlas, text layout, font family, font size, text shaping,\nmakepad 字体, makepad 文字, makepad 排版, makepad 字形

How to use

  1. Zainstaluj skill poprzez dodanie go do swojego projektu Makepad. Sprawdź dostępne aktualizacje na stronie crates.io/crates/makepad-widgets, aby upewnić się, że posiadasz najnowszą wersję gałęzi dev.

  2. Wyzwól skill pytaniem zawierającym słowa kluczowe takie jak "makepad font", "makepad text", "text layout", "font atlas" lub "text shaping". Skill automatycznie rozpozna kontekst związany z renderowaniem tekstu.

  3. Aby skonfigurować czcionkę w DSL Makepad, użyj komponentu Label lub innego elementu tekstowego z blokiem draw_text zawierającym text_style. Tam możesz określić ścieżkę do czcionki, rozmiar i styl.

  4. W przypadku zaawansowanego layoutu tekstu, skonsultuj się ze skill w sprawie modułu layouter.rs i text shaper.rs. Skill wyjaśni, jak tekst jest kształtowany i rozmieszczany na ekranie.

  5. Jeśli potrzebujesz informacji o atlasie glifów lub renderowaniu GPU, skill odwołuje się do dokumentacji lokalnej (font-system.md). Jeśli dokumentacja jest niekompletna, uruchom komendę /sync-crate-skills makepad --force, aby zaktualizować pliki referencyjne.

  6. Skill wspiera zarówno angielskie, jak i chińskie słowa kluczowe (np. makepad 字体, makepad 文字), co ułatwia pracę w środowisku wielojęzycznym.

Related skills

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

bubbletea

by hmans

Browse Bubbletea TUI framework documentation and examples. Use when working with Bubbletea components, models, commands, or building terminal user interfaces in Go.

Frontend
2158

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170