Hoe voorkom je dat neurale netwerken verouderde SwiftUI-code genereren

Als je hebt geprobeerd iOS-layouts te genereren met moderne LLMs zoals Claude of modellen in Cursor, heb je waarschijnlijk enkele eigenaardigheden opgemerkt. Het model geeft zelfverzekerd een scherm uit dat eruit zou moeten zien als werkend, de compiler klaagt niet, maar er zit een zoo aan verouderde API's onder de motorkap. Bijvoorbeeld NavigationView, dat Apple een paar jaar geleden heeft gearchiveerd, of zelfgemaakte workarounds voor animaties waar ingebouwde modifiers al heel lang voor bestaan.

Het is het ergst met VoiceOver. Assistenten stapelen graag lagen van aangepaste gebaren, waardoor toegankelijkheid voor blinde gebruikers volledig wordt verbroken.

Paul Hudson, de auteur van het Hacking with Swift-project, heeft dit probleem systematisch opgelost. Hij heeft de repository twostraws/SwiftUI-Agent-Skill gemaakt, die assistenten de juiste gewoonten leert in declaratieve UI.

Wat SwiftUI Pro Is

In wezen is het een gespecialiseerde skill in de open Agent Skills-standaard. Het formaat wordt ondersteund door Claude Code, Codex, Gemini, Cursor en Xcode-extensies.

In plaats van eindeloos herinneren in de systeemprompt "gebruik geen deprecated syntaxis," sluit je een kant-en-klare regeldatabase aan op de agent. De skill is gebaseerd op Hudsons werk van het AGENTS.md-project en richt zich specifiek op de valkuilen waar grote taalmodellen het meest vaak over struikelen.

Wat er in deze kennisbank zit:

• Dekking van huidige navigatie en state binding;
• Regels voor het optimaliseren van view-hertekeningen;
• Toegankelijkheidscontroles voor VoiceOver-controls;
• Een catalogus van soft-deprecated methoden die de compiler nog accepteert, maar niet meer zo geschreven zouden moeten worden.

De auteur heeft vergelijkbare skills voor andere delen van het platform: SwiftData Pro, Swift Concurrency Pro en Swift Testing Pro.

De Skill Installeren in Je Tools

Installatie duurt minder dan een minuut via npx:

npx skills add https://github.com/twostraws/swiftui-agent-skill --skill swiftui-pro

Het commando vraagt of je de skill globaal wilt activeren voor alle projecten of alleen wilt binden aan de huidige repository.

Als je in Claude Code werkt, kun je de ingebouwde plugin-manager gebruiken:

/plugin marketplace add twostraws/SwiftUI-Agent-Skill
/plugin install swiftui-pro@swiftui-agent-skill

Voor Xcode-gebruikers heeft de auteur een apart video opgenomen over integratie in de ontwikkelworkflow. Als je wilt, kun je ook gewoon de repository klonen en de regels lokaal gebruiken.

Checks Uitvoeren

Na installatie wordt de skill geactiveerd via commando's of natuurlijke taal. In Claude Code typ je gewoon:

/swiftui-pro

De Codex-assistent reageert op een vergelijkbaar construct:

$swiftui-pro

Je kunt context aan commando's geven zodat de agent geen tijd en tokens verspilt aan een volledige bestandsaudit. Bijvoorbeeld:

/swiftui-pro Check for deprecated API

Of met een gewone prompt: "Gebruik de SwiftUI Pro-skill en vind prestatieproblemen in deze module."

Tokenbesparing en Focus op het Niet- Voor-de-Hand-Liggende

Een interessant detail in de filosofie van het project: de auteur beheert strikt de grootte van instructies. Basisdingen die modellen al weten zonder prompting (zoals VStack syntaxis of de .padding() modifier) zijn expres niet opgenomen. Elke regel context verbruikt contextvensterlimieten, dus de regels bevatten alleen subtiele punten, edge cases en niet voor de hand liggende rendering-valkuilen.

Als je een pull request wilt indienen met je eigen regel, houd dan twee voorwaarden in gedachten: maximale beknoptheid in formulering en MIT-licentie.

 

A Hacking with Swift Project

Wie Deze Repository Nuttig Zal Vinden

Als je ontwikkelt voor iOS of macOS en actief AI-agents gebruikt direct in de editor, is het zeker de moeite waard om te installeren. Het bespaart je het opruimen van door neurale netwerken gegenereerde legacy-code en stuurt interface-generatie onmiddellijk naar moderne Swift-standaarden.

Begin met installeren via npx in een klein pet-project en vraag de agent om een scherm met animaties te reviewen. Het verschil in de voorgestelde diffs is onmiddellijk zichtbaar.