qt-ui-design

qt-ui-design is a skill for Claude Code from mavlink/qgroundcontrol. It costs 38 tokens per session (5,683 once invoked), scanned A, original, Apache-2.0.

A guide for designing and checking user interfaces made with Qt or QML, including web and embedded-device projects. Qt is a toolkit for building application interfaces, while QML is its language for describing layouts and interactions.

In plain words
What is it for?
Use it when creating screens, layouts, or navigation, or when auditing an existing Qt/QML interface.
Why use it?
It helps account for the screen, input method, viewing distance, language, accessibility, and other conditions that affect whether an interface is usable.

Skill for Claude Code

Written for Claude Code: disable-model-invocation in frontmatter. Also seen: mentions Claude Code.

Good fit Use it when creating screens, layouts, or navigation, or when auditing an existing Qt/QML interface.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/mavlink/qgroundcontrol/qt-ui-design
About the project

QGroundControl is a cross-platform ground control station for unmanned aircraft, allowing operators to control MAVLink-enabled drones and plan their missions. Drone users work with it to monitor flights, configure vehicles, tune parameters, stream video, and manage autonomous missions, while the catalogue contains skills and instructions for using the application.

mavlink/qgroundcontrol · 4,902 stars · on GitHub · qgroundcontrol.io

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add mavlink/qgroundcontrol --skill qt-ui-design
Clone the repo
git clone --depth 1 https://github.com/mavlink/qgroundcontrol

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for qt-ui-design

README.md
[![agentmods](https://agentmods.dev/badge/skills/mavlink/qgroundcontrol/qt-ui-design.svg)](https://agentmods.dev/skills/mavlink/qgroundcontrol/qt-ui-design)
Your own site
<a href="https://agentmods.dev/skills/mavlink/qgroundcontrol/qt-ui-design"><img src="https://agentmods.dev/badge/skills/mavlink/qgroundcontrol/qt-ui-design.svg" alt="Measured on agentmods" height="20"></a>
Per session 38 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 5,683 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector warn 7 Sept 2026
SkillSpector: 1 finding, up to medium

These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →

  • medium Output Handling · line 209
    Output size or generation rate is not bounded. Unbounded output enables denial-of-service through resource exhaustion, log flooding, or context-window stuffing.
    Fix: Set explicit limits on output length, generation count, and rate. Use max_tokens and truncation to prevent unbounded output.
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00038 $0.05683
Opus 5 $0.00019 $0.02841
Sonnet 5 $0.00008 $0.01137
Haiku 4.5 $0.00004 $0.00568

Measured 8d ago against content hash e6f6df0ad1d7, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-07, from the pricing page.

Security

Grade A, and why

qt-ui-design scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

tools/skills/qt-ui-design/SKILL.md · 334 lines

How it starts

The opening of the file, as written. The whole thing — 334 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Qt UI Design

Before producing UI output, confirm you know: target platform, screen geometry, design system, content priority, viewing distance, locale, and input methods. Run the seven items below as a check against the conversation and the project state; ask only the items that are genuinely missing. When the user cannot answer an item, choose a sensible Qt default and name it in your response so the user can correct it.

Small edits to an existing design — for example "move the OK button to the right", "change this label", "make this red" — do not trigger the checklist. Apply section 1 silently and verify section 2 (contrast, hit-target) where relevant.

0. Context check (before designing)

Use the seven items below to decide what is already known and what to ask. If the conversation or repository has already answered an item, do not re-ask.

  1. Target platform — Desktop, web browser, mobile, or specific hardware (MCU, Raspberry Pi, other embedded board)?
    • If a specific board: ask whether a board-specific skill exists for it and load it if so.
  2. Screen shape — Rectangle (default), Square, or Circle?
  3. Resolution and DPI — Do you know the screen resolution and DPI? (Approximate is fine.)
  4. Design system — Check whether the project already uses a design system or Qt Quick Controls style. If so, follow it and reuse its tokens. If not, recommend a Qt Quick Controls style: Basic, Fusion, Imagine, Material, Universal, iOS, or FluentWinUI3 (the iOS and FluentWinUI3 styles require Qt 6.7 or later). Where the project follows a third-party design language (Material Design 3, Apple Human Interface Guidelines, Fluent 2), map its tokens to the corresponding Qt Quick Controls style rather than introducing a parallel token vocabulary.
  5. Content priority — What information is most important (primary), secondary, and tertiary on this screen?
  6. Viewing distance — How far will users be from the screen? (e.g. handheld ~30 cm, desk ~60 cm, panel ~1.5 m, wall ~3 m)
  7. Locale and input — What is the primary locale/language? Is RTL (Arabic, Hebrew, Farsi, Urdu) support required? What input methods must be supported (touch, keyboard, mouse/pointer, hardware buttons, voice)? If the target is an embedded or MCU device, also read section 4 in full before any design decisions — it overrides several desktop defaults.

Read the full file on GitHub · 334 lines

Files

What ships with it

2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 8d ago First seen · 334 lines · 38 tokens per session scan A e6f6df0ad1d7

Subscribe to this mod's changes

qt-ui-design is a skill published in the GitHub repository mavlink/qgroundcontrol (4,902 stars, last pushed yesterday), licensed Apache-2.0. It adds 38 tokens to every session and 5,683 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

qcad

Use when editing DXF files with a professional open-source 2D CAD application — CAM output, part libraries, isometric projection. QCAD: open-source 2D CAD with DXF as native format, scriptable via ECMAScript.

znlgis/opengis-skills · 53 tokens

qt-figma-token-extraction

Extract design tokens, text styles, and variables from a Figma design system and produce a design-tokens.json plus ready-to-use QML singletons. Use this skill whenever someone wants to pull their design system out of Figma — whether they say "export tokens from Figma", "get design tokens", "set up my design system"…

TheQtCompanyRnD/agent-skills · 141 tokens

qt-ui-design

Design or audit UI for Qt/QML, Qt projects, web, or embedded MPU or MCU targets. Use when creating screens, layouts, navigation, or auditing UX.

TheQtCompanyRnD/agent-skills · 38 tokens

qt-figma-component-generation

Extract component metadata from a Figma design system and generate production-ready QML controls. Use this skill whenever someone wants to turn Figma components into QML files — whether they say "generate components from Figma", "create QML controls based on a design system", "convert Figma components to QML", "build…

TheQtCompanyRnD/agent-skills · 160 tokens

html-ppt-hermes-cyber-terminal

OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.

nexu-io/open-design · 53 tokens

html-ppt-taste-brutalist

16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).

nexu-io/open-design · 78 tokens