qt-qml-attachments

Fix Qt Quick/QML chat attachment layout issues with flow wrapping and alignment.

Updated Jan 24, 2026

Search Tags:#ui #layout #flow #attachments #wrap #qt #qml

Ready to run

npx skills add https://github.com/bohdan-shulha/skills --skill qt-qml-attachments

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: qt-qml-attachments
Source: https://github.com/bohdan-shulha/skills/tree/main/qt-qml-attachments
Command: npx skills add https://github.com/bohdan-shulha/skills --skill qt-qml-attachments

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guidance for Qt/QML chat attachment rows and message bubbles: Flow wrapping, image/file chip alignment, right/left alignment, and width/height sizing quirks. Use when fixing attachment layouts that stack vertically, wrap incorrectly, or appear full-width in Qt Quick/QML.

Core Features & Use Cases

Flow width and implicit sizing rules.
Right-aligned wrapping with layoutDirection.
Bubble width caps and attachment chip sizing.
Clipboard image handling guidance for Qt platforms.

Quick Start

Adjust QML Flow and container constraints to ensure attachments wrap in rows, align consistently to the correct side, and prevent bubbles from stretching to full width.

Frequently Asked Questions about qt-qml-attachments

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I fix Qt QML chat attachments wrapping incorrectly in a vertical stack?▼

To fix Qt QML chat attachments wrapping incorrectly, adjust the Flow element width control and implicit sizing rules so attachment chips wrap horizontally in rows instead of stacking vertically inside message bubbles.

Why do my QML message bubbles stretch to full width when displaying attachments?▼

QML message bubbles stretch to full width because of missing width caps. Enforce bubble width capping and apply proper layoutDirection handling to constrain attachment chip sizing within the chat interface.

How do I right-align attachment rows in a Qt Quick chat interface?▼

Right-align attachment rows in a Qt Quick chat interface by setting the appropriate layoutDirection on the Flow container and adjusting flow width constraints to ensure chips align consistently to the correct side.

What is the best way to handle clipboard images in Qt QML chat layouts?▼

The best way to handle clipboard images in Qt QML chat layouts is to apply specific clipboard image handling guidance for Qt platforms, ensuring pasted images integrate correctly with attachment chip sizing and flow wrapping rules.

Do I need to set layoutDirection for QML Flow attachments to align correctly?▼

Yes, you need to set layoutDirection for QML Flow attachments to align correctly. Proper layoutDirection handling ensures that wrapping attachment chips respect right or left alignment within the chat message bubbles.