qt-ui-design — Claude Code skill: what it does, how to install

What qt-ui-design does

Ask for a screen or a UX review on a Qt/QML project, a web front end or an embedded board, and this skill takes over. Before any UI code appears the agent works through seven points: what the target is, the shape of the screen, its resolution and DPI, the design system in play, which content comes first, how far the viewer sits, plus locale and input methods. Whatever the repo already answers stays unasked. When nothing answers it, the agent picks a Qt default and says so out loud, so you can overturn the choice.

Design principles get applied silently: Hick's law, proximity, feedback within 400 ms. Animation comes with duration budgets — 100–150 ms for icons and badges, 200–300 ms for cards, 300–400 ms for full-screen moves, never past 500 ms. If the project has no design system yet, the skill suggests a Qt Quick Controls style: Basic, Fusion, Imagine, Material, Universal, iOS or FluentWinUI3.

iOS and FluentWinUI3 need Qt 6.7 or later, so an older branch gets a different suggestion. Small edits such as shifting a button or rewording a label skip the checklist. Reviewing a finished design follows a separate audit path. On MCU targets the embedded section overrides several desktop defaults.