/qt-qml-docs
Generates standalone Markdown reference documentation for QML components and applications. Use this skill whenever you want to document QML files, create API reference docs for a QML component or module, document a Qt Quick application, or produce developer-facing documentation
$ npx -y skills add TheQtCompanyRnD/agent-skills --skill qt-qml-docs --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/qt-qml-docs
Context preview
The summary Claude sees to decide when to auto-load this skill.
Generates standalone Markdown reference documentation for QML components and applications. Use this skill whenever you want to document QML files, create API reference docs for a QML component or module, document a Qt Quick application, or produce developer-facing documentation
SKILL.md
qt-qml-docs.SKILL.mdname: qt-qml-docs
description: >-
Generates standalone Markdown reference documentation for QML components and
applications. Use this skill whenever you want to document QML files,
create API reference docs for a QML component or module, document a Qt Quick
application, or produce developer-facing documentation from .qml source code.
Triggers on: "document this QML", "write docs for my QML", "create reference
docs", "document QML component", "QML API docs", "document my Qt Quick
component", "document my Qt app", or any time one or more .qml files are
provided and documentation is needed. Works with single files, pasted code,
or entire project folders. DO NOT use if the user asks for QDoc format output.
license: LicenseRef-Qt-Commercial OR BSD-3-Clause
compatibility: >-
Designed for Claude Code, GitHub Copilot, and similar agents.
disable-model-invocation: false
metadata:
author: qt-ai-skills
version: "1.0"
qt-version: "6.x"
category: process
QML Documentation Skill
You are an expert in Qt/QML who writes clear, accurate, developer-friendly reference documentation for QML components. Your task is to read QML source files — along with any related files (C++ backends, QML modules, resource files, CMakeLists.txt, qmldir, etc.) — and produce structured Markdown reference docs that give developers a complete picture of how components fit into the project.
Core requirements
- **No code snippets (except Usage Example).** Do not wrap any code in markdown code fences, *except* in the Usage Example section (Section 8) for reusable components — see below. Describe code behaviour, method signatures, and property types in prose and tables instead.
- **Context-aware.** Understand how each component fits into the project: what the application/module does, what role this component plays, and what it depends on.
- **Tables for properties.** Always use Markdown tables (not bullet lists) to document properties.
- **Follow project conventions.** Infer and respect any QML development conventions from the project's documentation or code patterns.
Document structure
For each QML component, generate a Markdown file named `<ComponentName>.md` with the following sections (omit any section that has no content):
1. Component Overview
Describe what the application or module does and where this component fits in the project architecture. Then explain what this specific component does — its visual or logical role, when a developer would reach for it, and what problem it solves. Keep this concise: a developer new to the codebase should understand the component's purpose at a glance.
2. Project Structure and Dependencies
Explain how the component relates to the project:
- What files import or instantiate it?
- What does it import (Qt Quick modules, custom project QML types, C++ registered types)?
- For **custom QML types**, describe what they provide and where they come from.
- Relevant build or module requirements (e.g. CMake targets, qmldir, qmltypes).
3. Component Hierarchy and Role
If the component inherits from or composes other elements, describe the hierarchy. Explain what the base type provides and what this component adds or overrides.
4. Properties
Use a Markdown table with these columns:
| Property | Type | Default | Required | Description | |----------|------|---------|----------|-------------|
- List every declared property, including `property alias` entries.
- For `required` properties, mark the Required column as **Yes**.
- Describe each property in terms of what it *controls* or *enables*.
- For properties that accept a fixed set of values (enums, string literals), list valid values and their meanings.
5. Signals
For each signal:
- State its name and parameter list (type and name for each argument).
- Explain *what condition triggers* the signal.
- Describe *what a connected handler is expected to do* in response.
Format as a sub-section per signal: `#### signalName(paramType paramName)`
6. Methods
For each function:
- State its name, parameter names and types, and return type (if any).
- Explain what it does and when to call it.
- Note any side effects (e.g. emits a signal, modifies state, restarts a timer).
Format as a sub-section per method: `#### methodName(paramType paramName) : returnType`
7. Inter-Component Interactions
Describe how this component communicates with other parts of the application:
- Which properties are driven by external bindings?
- Which signals are consumed by parent or sibling components?
- Which functions are called from outside this file?
- Shared state, models, or singletons it reads from or writes to.
8. Usage Example *(reusable components only)*
Include this section only when the component is **reusable** — i.e., it is designed to be instantiated by other QML files rather than serving as a standalone application entry point. A component is reusable when:
- Its root type is **not** `Window` or `ApplicationWindow` (those are top-level application windows, not embeddable pieces).
- It declares one or more `property` entries (especially `required property` or `property alias`) that callers are expected to set.
- Its role is to be composed into larger UIs or used as a building block across the codebase.
Write a short, self-contained snippet showing a developer the minimal correct way to instantiate the component, setting every `required` property and any commonly needed properties.
---
Pre-flight: check for existing documentation
Before reading any source file, check whether documentation already exists for the files you are about to document. This saves time and lets the user decide whether they want a fresh pass or just an update.
How to check
1. Identify the expected output location. Documentation is written to a `doc/` subdirectory next to the source files (e.g. if sources are in `src/`, docs go in `src/doc/`). For a single file `Foo.h`, the expected doc is `src/do
Read more
name: qt-qml-docs description: >- Generates standalone Markdown reference documentation for QML components and applications. Use this skill whenever you want to document QML files, create API reference docs for a QML component or module, document a Qt Quick application, or produce developer-facing documentation from .qml source code. Triggers on: "document this QML", "write docs for my QML", "create reference docs", "document QML component", "QML API docs", "document my Qt Quick component", "document my Qt app", or any time one or more .qml files are provided and documentation is needed. Works with single files, pasted code, or entire project folders. DO NOT use if the user asks for QDoc format output. license: LicenseRef-Qt-Commercial OR BSD-3-Clause compatibility: >- Designed for Claude Code, GitHub Copilot, and similar agents. disable-model-invocation: false metadata: author: qt-ai-skills version: "1.0" qt-version: "6.x" category: process
QML Documentation Skill
You are an expert in Qt/QML who writes clear, accurate, developer-friendly reference documentation for QML components. Your task is to read QML source files — along with any related files (C++ backends, QML modules, resource files, CMakeLists.txt, qmldir, etc.) — and produce structured Markdown reference docs that give developers a complete picture of how components fit into the project.
Core requirements
- **No code snippets (except Usage Example).** Do not wrap any code in markdown code fences, *except* in the Usage Example section (Section 8) for reusable components — see below. Describe code behaviour, method signatures, and property types in prose and tables instead.
- **Context-aware.** Understand how each component fits into the project: what the application/module does, what role this component plays, and what it depends on.
- **Tables for properties.** Always use Markdown tables (not bullet lists) to document properties.
- **Follow project conventions.** Infer and respect any QML development conventions from the project's documentation or code patterns.
Document structure
For each QML component, generate a Markdown file named `<ComponentName>.md` with the following sections (omit any section that has no content):
1. Component Overview
Describe what the application or module does and where this component fits in the project architecture. Then explain what this specific component does — its visual or logical role, when a developer would reach for it, and what problem it solves. Keep this concise: a developer new to the codebase should understand the component's purpose at a glance.
2. Project Structure and Dependencies
Explain how the component relates to the project:
- What files import or instantiate it?
- What does it import (Qt Quick modules, custom project QML types, C++ registered types)?
- For **custom QML types**, describe what they provide and where they come from.
- Relevant build or module requirements (e.g. CMake targets, qmldir, qmltypes).
3. Component Hierarchy and Role
If the component inherits from or composes other elements, describe the hierarchy. Explain what the base type provides and what this component adds or overrides.
4. Properties
Use a Markdown table with these columns:
| Property | Type | Default | Required | Description | |----------|------|---------|----------|-------------|
- List every declared property, including `property alias` entries.
- For `required` properties, mark the Required column as **Yes**.
- Describe each property in terms of what it *controls* or *enables*.
- For properties that accept a fixed set of values (enums, string literals), list valid values and their meanings.
5. Signals
For each signal:
- State its name and parameter list (type and name for each argument).
- Explain *what condition triggers* the signal.
- Describe *what a connected handler is expected to do* in response.
Format as a sub-section per signal: `#### signalName(paramType paramName)`
6. Methods
For each function:
- State its name, parameter names and types, and return type (if any).
- Explain what it does and when to call it.
- Note any side effects (e.g. emits a signal, modifies state, restarts a timer).
Format as a sub-section per method: `#### methodName(paramType paramName) : returnType`
7. Inter-Component Interactions
Describe how this component communicates with other parts of the application:
- Which properties are driven by external bindings?
- Which signals are consumed by parent or sibling components?
- Which functions are called from outside this file?
- Shared state, models, or singletons it reads from or writes to.
8. Usage Example *(reusable components only)*
Include this section only when the component is **reusable** — i.e., it is designed to be instantiated by other QML files rather than serving as a standalone application entry point. A component is reusable when:
- Its root type is **not** `Window` or `ApplicationWindow` (those are top-level application windows, not embeddable pieces).
- It declares one or more `property` entries (especially `required property` or `property alias`) that callers are expected to set.
- Its role is to be composed into larger UIs or used as a building block across the codebase.
Write a short, self-contained snippet showing a developer the minimal correct way to instantiate the component, setting every `required` property and any commonly needed properties.
---
Pre-flight: check for existing documentation
Before reading any source file, check whether documentation already exists for the files you are about to document. This saves time and lets the user decide whether they want a fresh pass or just an update.
How to check
1. Identify the expected output location. Documentation is written to a `doc/` subdirectory next to the source files (e.g. if sources are in `src/`, docs go in `src/doc/`). For a single file `Foo.h`, the expected doc is `src/do
Official agentic skills for Qt software development and quality assurance, designed for use with AI coding tools such as Claude Code, Codex CLI, Gemini CLI, and GitHub Copilot.
Repo: TheQtCompanyRnD/agent-skills
Other skills on qt-development-skills.
- /qt-cmake-project
Use to generate or update Qt 6 CMake projects or edit CMakeLists.txt, add sources/resources or define targets (executable, QML module, library).
Open skill - /qt-cpp-docs
Generates standalone Markdown reference documentation for any Qt/C++ source files — Qt Widgets classes, Qt Quick backends, Qt/C++ modules, plain C++ utilities, structs, free-function headers, and entry points like main.cpp. Use this skill to document any .h or .cpp file: Qt
Open skill - /qt-cpp-review
Invoke when the user asks to review, check, audit, or look over Qt6 C++ code — or suggest before committing. Runs deterministic linting (60+ rules) then six parallel deep- analysis agents covering model contracts, ownership, threading, API correctness, error handling, and
Open skill - /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",
Open skill - /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
Open skill - /qt-qml-profiler
Use when the user is investigating QML / Qt Quick performance — both vague complaints ("the UI feels laggy", "this is slow", "frames are dropping", "the app stutters") and explicit asks to profile, find hotspots, or optimize bindings, signals, or rendering. Runs qmlprofiler on a
Open skill

