Skills
.Work. You
Rest

qt-ui-design

Official

Enhance UI design with structured guidelines and UX best practices.

Design & Creative#ux design#ui design#qt#qml#gui design
AuthorTheQtCompanyRnD
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides structured guidelines and UX best practices to enhance the design of Graphical User Interfaces (GUIs), ensuring a better user experience.

Core Features & Use Cases

  • Structured Design Workflow: A two-phase workflow with an intake interview and application of UX laws and design principles.
  • Modular Typographic Scale: A curated set of typography sizes mapped to semantic roles for consistency.
  • Motion Budgets: Guidelines for motion and animation to ensure functionality and aesthetics.
  • Embedded/MCU Support: Specialized rules for embedded and MCU devices with fixed-pixel layouts and bitmap fonts.
  • Audit Mode: Categorizes findings as Critical, Warning, or Opportunity for existing UI code or designs.

Quick Start

Use the qt-ui-design skill to design a UI for a desktop application, ensuring the design adheres to the best UX practices and platform-specific constraints.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: qt-ui-design
Download link: https://github.com/TheQtCompanyRnD/agent-skills/archive/main.zip#qt-ui-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.