{"enrichment":{"faq":[{"a":"Qt UI Design is a tool for building graphical user interfaces for Qt/QML projects across desktop, web, and embedded platforms. It guides you through selecting your target platform, screen geometry, design system, and content hierarchy, then applies established UX principles\u2014layout, typography, motion, and interaction patterns\u2014to keep your design coherent and usable throughout your project.","q":"What is Qt UI Design used for?"},{"a":"Yes. Qt UI Design lets you compose Qt widgets and UI components visually, create layouts and forms without manual coding, and prototype application interfaces through a visual builder. You can design Qt dialogs, forms, and complete graphical interfaces by arranging components on screen rather than hand-coding each element.","q":"Can I design Qt user interfaces without writing code?"},{"a":"Qt UI Design supports interface prototyping and mockup creation by letting you visually arrange Qt UI elements and test layout decisions before implementation. You can quickly iterate on screen geometry, widget placement, and interaction patterns to validate your design approach early in the development cycle.","q":"How does Qt UI Design help with interface prototyping?"},{"a":"Qt UI Design applies established UX principles including layout structure, typography consistency, motion guidelines, and interaction patterns. These principles are applied automatically as you build your interface, helping ensure your Qt application maintains coherent, usable design across all screens and components.","q":"What design principles does Qt UI Design apply?"},{"a":"Qt UI Design supports interface design for desktop, web, and embedded platforms. During setup, you select your target platform and define screen geometry appropriate to your deployment environment, allowing you to design interfaces optimized for each platform's specific requirements and constraints.","q":"Which platforms can I design interfaces for with Qt UI Design?"},{"a":"Qt UI Design walks you through an initial setup phase where you specify your target platform, screen geometry, design system, and content hierarchy. Once configured, you compose your interface by arranging Qt widgets and UI components visually, creating layouts and forms without writing code.","q":"How do I start building a Qt graphical user interface visually?"}],"shadow_tags":["visual-development","gui-builder","interface-prototyping","drag-and-drop-design","widget-composition","layout-management","form-creation","cross-platform-ui","rapid-prototyping","declarative-design"],"summary_rewrite":"Qt UI Design guides you through building interfaces for Qt/QML projects across desktop, web, and embedded platforms. It walks you through target platform, screen geometry, design system selection, and content hierarchy before you start, then applies established UX principles\u2014layout, typography, motion, and interaction patterns\u2014to keep your design coherent and usable."},"gist":{"api_url":"https://skillfed.io/api/skills/TheQtCompanyRnD/agent-skills/qt-ui-design.json","as_of":"2026-07-09","description":"Qt UI Design helps you create and review Qt/QML interfaces for desktop, web, and embedded targets. npx skillfed install TheQtCompanyRnD/agent-skills/qt-ui-design","install":{"manual":["git clone https://github.com/TheQtCompanyRnD/agent-skills","cp -r agent-skills ~/.claude/skills/qt-ui-design"],"primary":"npx skillfed install TheQtCompanyRnD/agent-skills/qt-ui-design","version":"a3f6b424"},"kind":"skill","mirror_url":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-ui-design.md","similar":[{"id":"TheQtCompanyRnD/agent-skills/qt-qml-test","name":"Qt Qml Test","publisher":"TheQtCompanyRnD/agent-skills","url":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-qml-test"},{"id":"TheQtCompanyRnD/agent-skills/qt-figma-token-extraction","name":"Qt Figma Token Extraction","publisher":"TheQtCompanyRnD/agent-skills","url":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-figma-token-extraction"},{"id":"TheQtCompanyRnD/agent-skills/qt-figma-component-generation","name":"Qt Figma Component Generation","publisher":"TheQtCompanyRnD/agent-skills","url":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-figma-component-generation"},{"id":"TheQtCompanyRnD/agent-skills/qt-qml","name":"Qt Qml","publisher":"TheQtCompanyRnD/agent-skills","url":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-qml"},{"id":"TheQtCompanyRnD/agent-skills/qt-qml-profiler","name":"Qt Qml Profiler","publisher":"TheQtCompanyRnD/agent-skills","url":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-qml-profiler"}],"title":"Qt Ui Design by TheQtCompanyRnD: Design and build Qt graphical user interfaces visually \u2014 SkillFed","use":{"when":["Yes.","Qt UI Design supports interface prototyping and mockup creation by letting you visually arrange Qt UI elements and test layout decisions."]},"what":{"lead":"Qt UI Design helps you create and review Qt/QML interfaces for desktop, web, and embedded targets.","rest":"Qt UI Design guides you through building interfaces for Qt/QML projects across desktop, web, and embedded platforms. It walks you through target platform, screen geometry, design system selection, and content hierarchy before you start, then applies established UX principles\u2014layout, typography, motion, and interaction patterns\u2014to keep your design coherent and usable."}},"id":"TheQtCompanyRnD/agent-skills/qt-ui-design","install":{"mode":"external","repo":"https://github.com/TheQtCompanyRnD/agent-skills"},"links":{"html":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-ui-design","md":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-ui-design.md","repo":"https://github.com/TheQtCompanyRnD/agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":34,"language":"QML","last_updated":"2026-07-09","license":"NOASSERTION","name":"Qt Ui Design","publisher":"TheQtCompanyRnD","stars":322},"relations":{"similar":[{"id":"TheQtCompanyRnD/agent-skills/qt-qml-test"},{"id":"TheQtCompanyRnD/agent-skills/qt-figma-token-extraction"},{"id":"TheQtCompanyRnD/agent-skills/qt-figma-component-generation"},{"id":"TheQtCompanyRnD/agent-skills/qt-qml"},{"id":"TheQtCompanyRnD/agent-skills/qt-qml-profiler"},{"id":"TheQtCompanyRnD/agent-skills/qt-cpp-docs"},{"id":"TheQtCompanyRnD/agent-skills/qt-qml-test-run"},{"id":"beefiker/superloopy/superloopy-frontend"},{"id":"TheQtCompanyRnD/agent-skills/qt-cmake-project"},{"id":"TheQtCompanyRnD/agent-skills/qt-qml-review"}]},"slug":{"owner":"TheQtCompanyRnD","repo":"agent-skills","skill":"qt-ui-design"},"version":"a3f6b424"}