Design or audit Qt/QML user interfaces with UX laws and accessibility rules.
npx skills add https://github.com/TheQtCompanyRnD/agent-skills --skill qt-ui-design
Please help me install this Agent Skill. Skill: qt-ui-design Source: https://github.com/TheQtCompanyRnD/agent-skills/tree/main/skills/qt-ui-design Command: npx skills add https://github.com/TheQtCompanyRnD/agent-skills --skill qt-ui-design
This Skill provides structured guidelines and UX best practices to enhance the design of Graphical User Interfaces (GUIs), ensuring a better user experience.
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.
High-intent search queries and answers about installing and using this skill.
Qt and QML interface design benefits from applying structured UX laws, modular typography scales, and motion budgets to ensure aesthetic consistency and usability. Audit mode categorizes existing UI design findings as Critical, Warning, or Opportunity for targeted improvements.
Auditing UI code for accessibility involves applying structured UX rules to evaluate interface elements and categorize findings as Critical, Warning, or Opportunity. This process identifies functional limitations and highlights areas for UX and aesthetic enhancements.
Embedded MCU and MPU targets require specialized UX guidelines to accommodate fixed-pixel layouts and bitmap fonts. Structured design workflows apply accessibility and motion rules tailored to these hardware constraints to ensure functional and usable interfaces.
Qt UI design guidelines are designed for Claude Code, GitHub Copilot, and similar agents to automate the application of UX laws and typography scales. This integration ensures that generated code adheres to structured design workflows and platform-specific constraints.
Applying UX laws to GUI design uses a two-phase workflow starting with an intake interview to define requirements, followed by applying design principles and motion budgets. This structured approach ensures adherence to accessibility rules and platform-specific constraints.
Motion and animation budgets in QML are managed using structured guidelines that balance functionality and aesthetics. By defining specific animation constraints, designers ensure motion enhances usability without overwhelming the interface or violating UX principles.
TheQtCompanyRnDGenerate Qt Quick Test cases for QML components using TestCase and SignalSpy.
jangtrinhDesign frontend design systems with color, typography, spacing, and components.
qtLint QDoc, QML, and C++ doc-comments with a patched Vale binary.
cruisediaryDetect hard-coded font sizes and fixed-height text containers in iOS apps.
