Summary
If you're building a Qt app from a Figma design system, this bridges the gap between design tokens and actual QML controls. It assumes you've already extracted tokens (via the companion skill) and have your design system singletons in place. Then it uses Figma MCP to read component definitions one by one and writes production QML files that map variants, states, and sizing to Qt Quick Controls 2 patterns. You pick between inline (everything in one file) or style singleton (split logic and styling) before it generates anything. The skill bundles reference implementations for buttons, text fields, checkboxes, and more, so the output follows idiomatic Qt 6 structure instead of generic component soup. It's process heavy but handles the tedious state mapping work.
Install to Claude Code
npx -y skills add theqtcompanyrnd/agent-skills --skill qt-figma-component-generation --agent claude-codeInstalls into .claude/skills of the current project.
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Files
SKILL.md
Select a file.
Featured
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
