Skip to main content

In this article

Die 8 besten Claude Skills für AR/VR-Entwickler

Artikel von
Headshot of Stephen Thoemmes

Stephen Thoemmes

0 Min. Lesezeit

Wer Zeit in der XR-Entwickler-Community verbringt (r/virtualreality, den VR-Kanälen von r/Unity3D, dem WebXR-Discord oder Apples visionOS-Entwicklerforen), bemerkt einen pragmatischen Wandel. Entwickler diskutieren nicht mehr darüber, ob KI-Tools in den Workflow gehören. Sie tauschen sich darüber aus, wie sie diese einsetzen.

Unity kündigte die Integration von Unity AI in Unity 6.2 (August 2025) an und bindet agentische KI direkt in die Engine ein, um beim Programmieren, bei der Asset-Generierung und der Optimierung zu unterstützen. Die Tools verstehen natürliche Sprache. Sie können also C#-Skripte, Materialien oder sogar Animationen anfordern und erhalten sofort Ergebnisse. Auch im WebXR-Bereich setzt sich das Konzept des „Vibe Coding“ durch, das Andrej Karpathy im Februar 2025 populär machte. XR Blocks, ein auf WebXR und Three.js basierendes Framework, wurde eigens mit dem Ziel entwickelt, „mit minimalem Code von der Idee zur Realität“ zu gelangen, und ermöglicht schnelles Prototyping mithilfe KI-gestützter Entwicklung. Apple führte Apple Intelligence im März 2025 auf Vision Pro ein. Dazu gehören KI-gestützte Schreibwerkzeuge, Image Playground und eine verbesserte, generative KI-gestützte Generierung räumlicher Szenen.

Unity XR, WebXR und visionOS-Entwicklung haben eines gemeinsam: KI ersetzt weder das gestalterische Urteilsvermögen noch das räumliche Denken von Entwicklern. Sie übernimmt Aufgaben, die zwar immer notwendig waren, aber viel Zeit kosteten – etwa Boilerplate-UI-Code, Shader-Einrichtung, Performance-Optimierung und Dokumentation. So können sich Entwickler auf Aufgaben konzentrieren, die Kreativität und Fachwissen erfordern: Interaktionsdesign, Präsenz, Immersion und räumliche UX.

Build Apps Anytime, Anywhere - New Cursor Web & Mobile Agents

Brian Clark von Snyk stellt neue KI-Coding-Tools vor, darunter Workflows für die mobile Entwicklung. Die Entwicklung von mobiler AR und Spatial Computing weist viele Gemeinsamkeiten mit der klassischen mobilen Entwicklung auf. Deshalb lassen sich diese Workflows direkt auf ARKit- und ARCore-Projekte übertragen.

Claude Skills sind für XR-Entwickler einer der praktischsten Einstiege in KI-gestützte Workflows. Falls Sie noch nicht damit vertraut sind, lohnt es sich, sie kennenzulernen – sie nehmen im Claude-Ökosystem eine besondere Stellung ein.

Was Claude Skills sind – und was nicht

Das Claude-Ökosystem bietet mehrere Erweiterungsmechanismen, die leicht zu verwechseln sind. Hier eine kurze Abgrenzung:

  • CLAUDE.md-Dateien dienen als dauerhaftes Projektgedächtnis. Sie werden in jede Sitzung geladen und informieren Claude beispielsweise darüber, dass „dieses Projekt Unity 2022.3 LTS verwendet“ oder „alle Skripte den Namespace VR.Core nutzen“. Sie stellen permanent verfügbaren Kontext dar, keine bedarfsgesteuerten Funktionen.

  • Benutzerdefinierte Slash-Befehle (.claude/commands/*.md) waren einfache Prompt-Vorlagen, die mit /command-name aufgerufen wurden. Sie sind mittlerweile praktisch in Skills aufgegangen. Skills, deren Frontmatter ein argument-hint enthält, können als Slash-Befehle aufgerufen werden. Andere werden je nach Aufgabe kontextabhängig aktiviert.

  • MCP-Server sind laufende Prozesse, die Tools und Datenquellen über das Model Context Protocol bereitstellen. Damit kann Claude APIs aufrufen, Datenbanken abfragen oder mit externen Diensten interagieren. Dafür sind ein Serverprozess und Code erforderlich.

  • Claude Connectors verbinden Claude über Remote-MCP-Server mit OAuth mit externen Diensten wie Slack, Figma oder Asana.

  • Claude Apps bezeichnet die Plattformen, auf denen Claude läuft (Claude.ai, Claude Code, Mobilgeräte und Desktop), nicht Erweiterungen für Claude.

  • Plugins bündeln Skills, Agents, Hooks und MCP-Server zur gemeinsamen Verteilung.

Claude Skills sind Verzeichnisse mit einer SKILL.md-Datei (mit YAML-Frontmatter und Markdown-Anweisungen) sowie optionalen Zusatzdateien wie Skripten, Vorlagen und Referenzdokumenten. Ihre Besonderheiten:

  1. Es sind Verzeichnisse, keine einzelnen Dateien. Ein Skill kann neben seinen Anweisungen Shell-Skripte, Python-Hilfsprogramme, Referenzdokumentation und Asset-Dateien enthalten.

  2. Progressive Offenlegung. Beim Start lädt Claude aus dem YAML-Frontmatter nur den name und die description jedes Skills (etwa 100 Tokens pro Skill) – ähnlich wie MCP-Toolbeschreibungen in den Kontext eingefügt werden. Claude gleicht Ihre Aufgabe mit diesen Beschreibungen ab, um zu entscheiden, welcher Skill aktiviert werden soll. Bei einer Übereinstimmung lädt Claude die vollständigen Anweisungen aus SKILL.md. Zusatzdateien (Referenzen, Skripte, Assets) werden erst geladen, wenn sie während der Ausführung ausdrücklich benötigt werden. Dieser dreistufige Ansatz hält Ihr Kontextfenster schlank, selbst wenn Dutzende Skills installiert sind. Deshalb ist auch das Feld description eines Skills entscheidend: Vage Beschreibungen führen zu unzuverlässiger Aktivierung, präzise Beschreibungen mit konkreten Auslösephrasen dagegen zu konsistenter Aktivierung, etwa „Verwenden Sie diesen Skill, wenn der Benutzer Three.js-Szenen erstellen möchte“.

  3. Sie können Code ausführen. Skills können Skripte in scripts/ enthalten, die Claude während der Ausführung startet. Außerdem können sie die Syntax !command`` verwenden, um dynamische Ausgaben in den Prompt-Kontext einzufügen.

  4. Sie folgen einem offenen Standard. Die Agent Skills-Spezifikation wird von Claude Code, OpenAI Codex, Cursor, Gemini CLI und anderen unterstützt. Dadurch sind Skills portabel.

  5. Sie können als Slash-Befehle registriert werden. Skills mit einem Feld argument-hint im YAML-Frontmatter lassen sich direkt als /skill-name aufrufen. Ein Skill im Verzeichnis .claude/skills/threejs/ mit einem Argumenthinweis ist zum Beispiel als /threejs verfügbar. Skills ohne Argumenthinweis werden stattdessen kontextabhängig aktiviert. Claude erkennt sie also automatisch, wenn Ihre Aufgabe zur Beschreibung passt.

Die offizielle Spezifikation und die Dokumentation zu Skills von Anthropic beschreiben das vollständige Format. Auch der Engineering-Blogbeitrag von Anthropic zu Agent Skills ist lesenswert, wenn Sie mehr über die Designentscheidungen erfahren möchten.

Einen Claude Skill installieren

Die Installation eines Skills dauert etwa 30 Sekunden.

Projektebene (über die Versionsverwaltung mit Ihrem Team geteilt):

your-project/
└── .claude/
    └── skills/
        └── skill-name/
            ├── SKILL.md
            └── scripts/
                └── helper.sh

Benutzerebene (persönlich und in allen Projekten verfügbar):

~/.claude/
└── skills/
    └── skill-name/
        ├── SKILL.md
        └── references/
            └── REFERENCE.md

Über Plugins (für Skill-Sammlungen):

/plugin marketplace add vercel-labs/agent-skills
/plugin menu

Skills auf Projektebene werden über die Quellcodeverwaltung mit Teammitgliedern geteilt. Skills auf Benutzerebene sind nur für Sie verfügbar. Bei Namenskonflikten haben Unternehmens-Skills Vorrang vor persönlichen Skills und diese wiederum vor Projekt-Skills.

Ein wichtiger Hinweis: Das Agent Skills-Ökosystem ist noch neu und wächst schnell. Deshalb ist die Sicherheit der Software-Lieferkette wichtig. Snyks ToxicSkills-Studie fand Prompt-Injection in 36 % der getesteten Skills sowie 1.467 schädliche Payloads im gesamten Ökosystem. Prüfen Sie vor der Installation immer die SKILL.md-Datei und alle enthaltenen Skripte. Behandeln Sie Skills wie jeden anderen Drittanbieter-Code, den Sie in Ihrer Umgebung ausführen.

Entwickeln Sie einen Claude Skill? Wenn Sie einen Open-Source-Claude-Skill oder MCP-Server für AR/VR-Entwicklung, Spatial Computing oder immersive Erlebnisse erstellen oder pflegen, bietet das Snyk Secure Developer Program kostenlose Sicherheits-Scans auf Enterprise-Niveau für Open-Source-Projekte. Snyk schützt mehr als 585.000 Open-Source-Projekte und bietet qualifizierten Maintainerinnen und Maintainern vollen Enterprise-Zugang, Support durch die Discord-Community und Hilfe bei der Integration. Hier können Sie sich bewerben, wenn Sie bereits ein Projekt haben, oder hier, wenn Sie ein neues starten.

Ein Hinweis zu dieser Liste

AR/VR-Entwicklung ist ein Nischenbereich, und das Claude Skills-Ökosystem spiegelt diese Realität wider. Es gibt keine speziellen Skills für Unity-XR-Handtracking, Unreal-VR-Blueprint-Systeme oder räumliche ARCore-Anker. Die vorhandenen Skills überschneiden sich stark mit allgemeineren Kategorien: mobile Entwicklung (React Native, SwiftUI, Expo), Webentwicklung (Three.js, WebXR), Spieleentwicklung (Unity, prozedurale Generierung) und visuelles Design (Canvas, UI-Komponenten).

Diese Liste umfasst Skills, die sich direkt in AR/VR-Workflows einsetzen lassen, auch wenn sie nicht ausschließlich auf VR ausgerichtet sind. Ein React-Native-Skill hilft Ihnen beim Entwickeln von Quest-Begleit-Apps. Ein Three.js-Skill beschleunigt die Erstellung von WebXR-Szenen. Ein SwiftUI-Skill macht die Arbeit an visionOS-Oberflächen schneller. Wenn Sie räumliche Erlebnisse entwickeln, sparen Ihnen diese Skills schon heute Zeit.

Kommen wir nun zur Liste.

#

Skill

Sterne

Schwerpunkt

Quelle

1

Three.js Skills

1.313

WebXR, 3D-Szenen, Spatial Web

CloudAI-X/threejs-skills

2

Vercel React Native

19.582

Best Practices und Performance für React Native

vercel-labs/agent-skills

3

Remotion Video Generation

1.493

Programmgesteuerte Videoerstellung mit React

remotion-dev/skills

4

SwiftUI Expert

1.331

Modernes SwiftUI, iOS 26+, visionOS

AvdLee/SwiftUI-Agent-Skill

5

Expo App Design & Deployment

926

Expo-Apps, React-Native-Bereitstellung

expo/skills

6

iOS Simulator Control

473

iOS-Simulator-Automatisierung und -Tests

conorluddy/ios-simulator-skill

7

Anthropic Canvas & Frontend Design

66.460

Visuelle Gestaltung, UI-Design, Frontend-Muster

anthropics/skills

8

Callstack React Native Best Practices

814

Performance-Optimierung für React Native

callstackincubator/agent-skills

1. Three.js Skills

Quelle: CloudAI-X/threejs-skills. Sterne: 1.313. Lizenz: Nicht angegeben. Zuletzt aktualisiert: Januar 2026. SKILL.md überprüft: Ja.

Wenn Sie WebXR-Erlebnisse entwickeln, ist dies der Skill, mit dem Sie am meisten Zeit sparen. Three.js ist die führende Bibliothek für 3D-Grafik im Web und eignet sich 2025–2026 hervorragend für KI-gestützte Entwicklung. Das Framework ist einfach einzurichten (nur JavaScript, keine Server oder Datenbanken), bietet sofortiges visuelles Feedback (Änderungen werden direkt im Browser dargestellt) und verfügt über eine leicht zugängliche API, die die Komplexität der GPU abstrahiert.

Was der Skill abdeckt

Der Skill bietet Anleitungen zum Erstellen von 3D-Elementen und interaktiven Erlebnissen mit Three.js. Dazu gehören Szeneneinrichtung, Geometrie und Materialien, Beleuchtung und Schatten, Kamerasteuerung, Animationsschleifen und WebXR-Integration. Er ist auf das 2025 populär gewordene „Vibe Coding“-Paradigma ausgelegt: Entwickler beschreiben, was sie möchten, und Claude generiert den Code.

Warum das für AR/VR wichtig ist

WebXR ist der Standard für browserbasierte VR- und AR-Erlebnisse. Das XR Blocks-Framework (2025 angekündigt) wurde speziell für WebXR- und KI-Entwicklung entwickelt. Es bietet eine modulare Architektur mit Plug-and-Play-Komponenten für das Prototyping von KI- und XR-Anwendungen. Samsungs Galaxy-XR-Gerät (im Oktober 2025 auf den Markt gekommen) läuft mit Android XR und verfügt über einen integrierten WebXR-Browser. Apples Vision Pro unterstützt WebXR über Safari. Wenn Sie plattformübergreifende räumliche Web-Erlebnisse entwickeln, ist Three.js die Grundlage – und dieser Skill beschleunigt Ihren Workflow.

Installation

git clone https://github.com/CloudAI-X/threejs-skills.git
cp -r threejs-skills/.claude/skills/threejs ~/.claude/skills/

Verwendung

Der Skill wird automatisch aktiviert, wenn Sie eine Aufgabe rund um 3D-Szenen beschreiben:

Create a Three.js scene with a rotating cube and directional lighting
Add WebXR support to this Three.js scene for Meta Quest
Generate a particle system for a spatial web experience

Für wen eignet sich dieser Skill? WebXR-Entwickler, Spatial-Web-Designer und Entwickler, die browserbasierte VR-Erlebnisse für Quest, Vision Pro oder Android XR erstellen.

Weiterführende Ressourcen:

2. Vercel React Native Best Practices

Quelle: vercel-labs/agent-skills. Sterne: 19.582. Lizenz: Nicht angegeben. Zuletzt aktualisiert: Februar 2026. SKILL.md überprüft: Ja.

React Native gehört zu den führenden Frameworks für die mobile Entwicklung, die ein wichtiger Bestandteil des AR/VR-Ökosystems ist. Begleit-Apps für Meta Quest, ARKit-Hilfsprogramme, ARCore-Erlebnisse und Support-Apps für visionOS werden häufig mit React Native entwickelt. Das Skill-Repository des Vercel-Teams enthält einen speziellen React-Native-Skill mit Best Practices und Performance-Richtlinien.

Was der Skill abdeckt

Der Skill vermittelt Best Practices für React Native, darunter die Komposition von Komponenten, Muster für die Zustandsverwaltung, die Einrichtung der Navigation, Performance-Optimierung, die Integration nativer Module und den Einsatz von TypeScript. Er folgt Vercels klar vorgegebenem Entwicklungsansatz, der Produktionsreife und Skalierbarkeit in den Mittelpunkt stellt.

Warum das für AR/VR wichtig ist

Viele VR-Anwendungen benötigen begleitende mobile Apps. Meta-Quest-Apps bieten häufig iOS-/Android-Dienstprogramme für die Kontoverwaltung, soziale Funktionen oder Einstellungen. ARKit- und ARCore-Erlebnisse werden direkt mit React Native entwickelt, wenn webbasierte AR das Ziel ist. Wenn Sie eine Quest-App mit mobilem Onboarding-Ablauf oder ein ARCore-Erlebnis entwickeln, das in einer WebView ausgeführt wird, hilft Ihnen dieser Skill dabei, aktuelle Best Practices einzuhalten.

Installation

/plugin marketplace add vercel-labs/agent-skills
/plugin menu

Oder manuell:

git clone https://github.com/vercel-labs/agent-skills.git
ln -s vercel-labs/agent-skills/skills/react-native-skills ~/.claude/skills/

Verwendung

Der Skill wird aktiviert, wenn Sie an React-Native-Projekten arbeiten:

Set up a React Native navigation structure for this Quest companion app
Optimize this React Native ARCore component for 60fps
Add TypeScript support to this React Native ARKit project

Für wen ist dieser Skill gedacht: Entwickler, die Quest-Begleit-Apps, ARKit-/ARCore-Mobilerlebnisse oder Dienstprogramme für visionOS mit React Native entwickeln.

Passende Snyk-Ressourcen:

3. Remotion-Videogenerierung

Quelle: remotion-dev/skills. Stars: 1.493. Lizenz: Nicht angegeben. Zuletzt aktualisiert: Februar 2026. SKILL.md verifiziert: Ja.

Remotion ermöglicht die programmatische Erstellung von Videos mit React. Sie schreiben React-Komponenten, und Remotion rendert sie als Video. Das ist besonders nützlich für VR-/AR-Workflows, in denen Sie Demo-Videos, Marketingmaterial, Tutorials oder räumliche Rundgänge erstellen müssen.

Was der Skill abdeckt

Der Skill führt Claude durch die Remotion-API, um Videokompositionen mit React-Komponenten zu erstellen. Dazu gehören die Verwaltung der Zeitleiste, Animationssequenzen, der Umgang mit Assets und der Videoexport. Er kennt Remotions deklarativen Ansatz, bei dem Zeit eine zentrale Rolle spielt (useCurrentFrame() und useVideoConfig()).

Warum das für AR/VR wichtig ist

VR- und AR-Entwickler müssen häufig Werbevideos, Tutorials oder Demo-Reels erstellen. Herkömmlich braucht man dafür Bildschirmaufnahmesoftware, Videoschnittprogramme und manuelle Arbeit an der Zeitleiste. Mit Remotion können Sie diese Videos programmatisch generieren. Google Labs hat einen Stitch-Skill speziell zum Generieren von Rundgangsvideos aus App-Designs entwickelt und damit gezeigt, wie Remotion in Workflows für Spatial Computing passt.

Installation

git clone https://github.com/remotion-dev/skills.git
cp -r skills/skills/remotion ~/.claude/skills/

Verwendung

Create a Remotion composition that shows a 3D product rotating
Generate a 30-second walkthrough video of this Unity XR scene
Build a marketing video with animated text overlays for this VR app

Für wen ist dieser Skill gedacht: VR-/AR-Entwickler, die programmatisch Marketingvideos, Tutorials oder Rundgänge durch räumliche Erlebnisse erstellen müssen.

4. SwiftUI Expert

Quelle: AvdLee/SwiftUI-Agent-Skill. Stars: 1.331. Lizenz: Nicht angegeben. Zuletzt aktualisiert: Februar 2026. SKILL.md verifiziert: Ja.

SwiftUI ist Apples empfohlenes Framework für die Entwicklung von visionOS-Anwendungen. Die Entwicklungsrichtlinien für Vision Pro empfehlen SwiftUI als beste Möglichkeit, räumliche Apps mit völlig neuen 3D-Funktionen und Unterstützung für Tiefe, Gesten, Effekte und immersive Szenentypen zu entwickeln. Dieser Skill deckt moderne SwiftUI-Best Practices mit Schwerpunkt auf iOS 26+ und der neuen Designsprache „Liquid Glass“ ab.

Was der Skill abdeckt

Der Skill vermittelt moderne SwiftUI-Muster, darunter die Komposition von Views, Zustandsverwaltung mit @State, @Binding und @ObservedObject, Navigationsmuster, Animations-APIs und die Verwendung von Liquid Glass ab iOS 26+. Er folgt den aktuellen Best Practices, wie sie von Apple und erfahrenen iOS-Entwicklern dokumentiert werden.

Warum das für AR/VR wichtig ist

visionOS-Anwendungen werden mit SwiftUI entwickelt. Apple erklärt ausdrücklich, dass SwiftUI das beste Framework für die Entwicklung mit Vision Pro ist, und bietet erweiterte volumetrische APIs, die SwiftUI, RealityKit und ARKit kombinieren. Wenn Sie eine visionOS-App entwickeln, beschleunigt dieser Skill Ihre UI-Entwicklung und stellt sicher, dass Sie aktuelle Muster für räumliche Benutzeroberflächen verwenden.

Installation

git clone https://github.com/AvdLee/SwiftUI-Agent-Skill.git
cp -r SwiftUI-Agent-Skill/swiftui-expert-skill ~/.claude/skills/

Verwendung

Create a SwiftUI view for a visionOS settings panel
Add spatial scene support to this SwiftUI view
Implement Liquid Glass design patterns for this Vision Pro app

Für wen ist dieser Skill gedacht: visionOS-Entwickler, iOS-Entwickler, die Erlebnisse für Vision Pro erstellen, und Entwickler, die räumliche Benutzeroberflächen mit SwiftUI entwickeln.

Passende Ressourcen:

5. Expo-App-Design und Bereitstellung

Quelle: expo/skills. Stars: 926. Lizenz: Nicht angegeben. Zuletzt aktualisiert: Februar 2026. SKILL.md verifiziert: Ja (3 Skill-Verzeichnisse: expo-app-design, expo-deployment, upgrading-expo).

Expo ist der schnellste Weg, React-Native-Anwendungen zu entwickeln, und viele mobile AR-Erlebnisse basieren auf Expo. Das offizielle Expo-Team betreut ein Plugin mit drei Skills zu App-Design, Bereitstellung und SDK-Upgrades.

Was der Skill abdeckt

Das Plugin umfasst:

  • expo-app-design: Expo-Anwendungen nach Best Practices für Komponentenarchitektur und App-Struktur entwerfen und entwickeln

  • expo-deployment: Expo-Apps über EAS (Expo Application Services) für den Produktivbetrieb bereitstellen

  • upgrading-expo: Expo-SDK-Versionen sicher aktualisieren

Warum das für AR/VR wichtig ist

Viele ARKit- und ARCore-Erlebnisse werden mit Expo entwickelt, weil es einen optimierten Entwicklungsworkflow bietet. Expo unterstützt standardmäßig Kamerazugriff, Sensoren und Gerätefunktionen, auf die AR-Anwendungen angewiesen sind. Wenn Sie eine mobile AR-App mit React Native entwickeln, ist Expo wahrscheinlich Teil Ihres Technologie-Stacks.

Installation

/plugin marketplace add expo/skills
/plugin menu

Oder manuell:

git clone https://github.com/expo/skills.git
cp -r expo/skills/plugins/expo-app-design/skills/* ~/.claude/skills/
cp -r expo/skills/plugins/expo-deployment/skills/* ~/.claude/skills/
cp -r expo/skills/plugins/upgrading-expo/skills/* ~/.claude/skills/

Verwendung

Design an Expo app structure for this ARCore experience
Deploy this Expo AR app to TestFlight
Upgrade this Expo project to SDK 52

Für wen ist dieser Skill gedacht: Entwickler, die mobile AR-Erlebnisse mit ARKit/ARCore entwickeln, und React-Native-Entwickler, die für AR-fähige Mobilgeräte entwickeln.

Passende Snyk-Ressourcen:

6. Steuerung des iOS-Simulators

Quelle: conorluddy/ios-simulator-skill. Stars: 473. Lizenz: Nicht angegeben. Zuletzt aktualisiert: Februar 2026. SKILL.md verifiziert: Ja.

Dieser Skill ermöglicht Claude die direkte Steuerung des iOS-Simulators. Claude kann Apps erstellen, sie im Simulator ausführen, mit der Benutzeroberfläche interagieren und Ausgaben erfassen, ohne das begrenzte Kontingent an MCP-Tools aufzubrauchen. Für die visionOS-Entwicklung ist das besonders wertvoll, da der Vision-Pro-Simulator viele Ressourcen benötigt und die Automatisierung gängiger Aufgaben erheblich Zeit spart.

Was der Skill abdeckt

Der Skill verwendet Python-Skripte, um über xcrun simctl mit dem iOS-Simulator zu interagieren. Dazu gehören die Geräteverwaltung (Starten, Herunterfahren, Löschen), die Installation und der Start von Apps, die Interaktion mit der Benutzeroberfläche über Accessibility-APIs, Screenshots und das Abrufen von Protokollen.

Warum das für AR/VR wichtig ist

Der visionOS-Simulator ist die wichtigste Möglichkeit, Vision-Pro-Apps während der Entwicklung zu testen. Simulatorbefehle manuell auszuführen, unterbricht den Arbeitsfluss. Mit diesem Skill kann Claude Simulatorvorgänge automatisch ausführen. Wenn Sie eine visionOS-Oberfläche iterativ weiterentwickeln oder ARKit-Verhalten testen, kann der Skill ohne manuelles Eingreifen erstellen, starten, testen und Ergebnisse erfassen.

Installation

git clone https://github.com/conorluddy/ios-simulator-skill.git
cp -r ios-simulator-skill ~/.claude/skills/

Verwendung

Build and run this visionOS app in the simulator
Take a screenshot of the Vision Pro simulator
Launch this ARKit app and capture the console logs

Für wen ist dieser Skill gedacht: visionOS-Entwickler, ARKit-Entwickler und iOS-Entwickler, die an Spatial-Computing-Apps arbeiten.

7. Anthropic: Canvas- und Frontend-Design

Quelle: anthropics/skills. Stars: 66.460. Lizenz: Nicht angegeben. Zuletzt aktualisiert: Februar 2026. SKILL.md verifiziert: Ja (mehrere Skills: canvas-design, frontend-design, algorithmic-art, web-artifacts-builder).

Das offizielle Skills-Repository von Anthropic enthält mehrere Skills, die sich direkt für die visuelle Entwicklung von VR/AR eignen. Das Claude-Team hat diese Skills erstellt und pflegt sie als Referenzimplementierungen.

Was der Skill abdeckt

Zu den relevanten Skills für AR-/VR-Entwickler gehören:

  • canvas-design: Visuelle Kunstwerke in PNG- und PDF-Formaten gestalten – nützlich für UI-Mock-ups und die Erstellung von Assets

  • frontend-design: Tools für Frontend-Design und UI-/UX-Entwicklung, anwendbar auf die Arbeit an räumlichen Benutzeroberflächen

  • algorithmic-art: Generative Kunst mit p5.js und initialisiertem Zufall erstellen – nützlich für prozedurale visuelle Inhalte

  • web-artifacts-builder: Komplexe HTML-Artefakte mit React und Tailwind erstellen, geeignet für WebXR-Benutzeroberflächen

Warum das für AR/VR wichtig ist

Spatial Computing erfordert hochwertiges UI-Design. VR-Anwendungen benötigen 2D-UI-Panels, HUDs, Menüs und Einstellungsbildschirme. WebXR-Erlebnisse erfordern räumliche Benutzeroberflächen auf HTML-Basis. Diese Skills beschleunigen den visuellen Designprozess und ermöglichen es Ihnen, Mock-ups zu generieren, Benutzeroberflächen als Prototypen zu erstellen und visuelle Assets zu entwickeln, ohne Claude zu verlassen.

Installation

git clone https://github.com/anthropics/skills.git
cp -r skills/skills/canvas-design ~/.claude/skills/
cp -r skills/skills/frontend-design ~/.claude/skills/
cp -r skills/skills/algorithmic-art ~/.claude/skills/
cp -r skills/skills/web-artifacts-builder ~/.claude/skills/

Verwendung

Design a VR menu interface mockup
Create a generative art shader for this Unity material
Build a WebXR UI panel with React and Tailwind
Generate UI icons for this visionOS app

Für wen ist dieser Skill gedacht: VR-/AR-Entwickler, die an räumlichen Benutzeroberflächen arbeiten, WebXR-Entwickler, die HTML-basierte Schnittstellen entwickeln, sowie Unity-/Unreal-Entwickler, die UI-Layouts als Prototypen erstellen.

Passende Ressourcen:

8. Callstack: React-Native-Best-Practices

Quelle: callstackincubator/agent-skills. Stars: 814. Lizenz: Nicht angegeben. Zuletzt aktualisiert: Februar 2026. SKILL.md verifiziert: Ja.

Callstack zählt zu den angesehensten Beratungsunternehmen im React-Native-Ökosystem. Der Skill konzentriert sich speziell auf Performance-Optimierung. Bei AR-Anwendungen ist Performance unverzichtbar: ARCore- und ARKit-Erlebnisse müssen 60 fps erreichen. Quest-Begleit-Apps müssen reaktionsschnell sein. Dieser Skill bietet praxiserprobte Muster von Teams, die React-Native-Apps erfolgreich im Produktivbetrieb und für eine große Nutzerbasis eingeführt haben.

Was der Skill abdeckt

Der Skill behandelt die Performance-Optimierung von React Native, darunter die Optimierung des Listen-Renderings (FlatList, VirtualizedList), das Laden und Zwischenspeichern von Bildern, Muster für die Speicherverwaltung, die Performance nativer Module, das Auslagern von JavaScript-Aufgaben und Profiling-Tools (Flipper, Hermes-Debugger).

Warum das für AR/VR wichtig ist

AR-Anwendungen unterliegen strengen Performance-Anforderungen. Ausgelassene Frames beeinträchtigen das Gefühl, präsent zu sein. Ein hoher Speicherverbrauch führt auf Mobilgeräten zu Abstürzen. Dieser Skill vermittelt Claude die spezifischen Muster, mit denen React-Native-AR-Apps leistungsfähig bleiben – vom verzögerten Laden von Assets bis zum Auslagern von Berechnungen in native Module.

Installation

git clone https://github.com/callstackincubator/agent-skills.git
cp -r agent-skills/skills/react-native-best-practices ~/.claude/skills/

Verwendung

Optimize this ARCore component for 60fps
Reduce memory usage in this React Native AR app
Profile this Quest companion app and fix performance issues

Für wen ist dieser Skill gedacht: React-Native-Entwickler, die AR-Erlebnisse erstellen, Entwickler, die Quest-Begleit-Apps optimieren, und Mobile-AR-Entwickler, die mit ARKit/ARCore arbeiten.

Passende Snyk-Ressourcen:

Hinweis zur Sicherheit bei der Verwendung von Skills

Es ist schon ironisch, mit KI-Skills die XR-Entwicklung zu beschleunigen, obwohl das Skills-Ökosystem selbst Sicherheitsrisiken birgt. Snyks ToxicSkills-Studie ergab, dass 13 % der untersuchten Skills kritische Sicherheitslücken aufwiesen und manche aktiv versuchten, Anmeldedaten auszuschleusen. Die Studie SKILL.md to Shell Access zeigte, wie drei Markdown-Zeilen in einer Skill-Datei einem Angreifer Shell-Zugriff auf Ihren Rechner ermöglichen können.

Bevor Sie einen Skill installieren:

  1. Lesen Sie die SKILL.md und alle gebündelten Skripte. Skills bestehen aus Markdown- und Shell-Skripten, nicht aus kompilierten Binärdateien. Sie können jede Zeile lesen.

  2. Prüfen Sie die Quelle. Skills etablierter Organisationen (Anthropic, Vercel, Expo, Remotion) sind weniger riskant als solche von anonymen GitHub-Konten.

  3. Prüfen Sie die Berechtigungen. Das Frontmatter-Feld allowed-tools zeigt, welche Tools ein Skill verwenden kann. Bei einem Skill, der Zugriff auf Bash benötigt, sollten Sie genauer hinsehen als bei einem, der nur Read und Grep verwendet.

  4. Scannen Sie mit Snyk. Wenn Sie bereits Snyk Code oder die Snyk-MCP-Integration verwenden, können Sie Skill-Skripte genauso scannen wie jeden anderen Code.

Die Skills auf dieser Liste stammen aus vertrauenswürdigen Quellen mit klarer Urheberschaft. Doch das allgemeine Prinzip gilt weiterhin: erst vertrauen, dann überprüfen.

XR-Workflows beschleunigen, während das Ökosystem reift

Die AR/VR-Entwicklercommunity befindet sich in einer interessanten Lage. Das Tooling-Ökosystem (Unity AI, XR Blocks, visionOS AI-Funktionen) bewegt sich in Richtung KI-gestützter Workflows, doch das Claude-Skills-Ökosystem ist noch nicht mit dedizierten XR-spezifischen Skills nachgezogen. Was es heute gibt, sind Skills, die sich mit den übergeordneten Bereichen überschneiden, die bei der VR/AR-Entwicklung eine Rolle spielen: Mobile-Entwicklung, 3D-Web, UI-Design und Performance-Optimierung.

Wenn Sie WebXR-Erlebnisse entwickeln, ist der Three.js-Skill unverzichtbar. Wenn Sie für Vision Pro entwickeln, sparen Ihnen die SwiftUI- und iOS-Simulator-Skills Stunden. Wenn Sie eine Quest-Begleit-App veröffentlichen, beschleunigen die React-Native-Skills von Vercel und Callstack Ihren Workflow. Das sind keine VR-spezifischen Tools, aber sie lassen sich für VR-Anwendungen einsetzen – und in einer Nische ist genau das entscheidend.

Die hier aufgeführten Skills bilden den aktuellen Stand des Ökosystems ab: praxisnah, produktionsreif und auf die Workflows ausgerichtet, die XR-Entwickler tatsächlich nutzen. Mit zunehmender Reife des Agent-Skills-Ökosystems werden wir wahrscheinlich weitere dedizierte Skills für Unity XR, Unreal-VR-Blueprints, ARKit-Spatial-Anchors und Hand-Tracking-Systeme sehen. Bis dahin sind diese acht Skills die nützlichsten Beschleuniger für die VR- und AR-Entwicklung mit Claude Code.

Wenn Sie statt Claude Skills nach MCP-Servern suchen, behalten Sie den Snyk-Blog im Blick. Dort finden Sie künftig Listicles zu Spatial Computing und Game-Development-Tools.

E-BOOK

Das MCP-Server-Ökosystem absichern

Entdecken Sie neue Angriffspfade und analysieren Sie reale Vorfälle. Erfahren Sie, wie Sie sich mit praktischen, flow-bewussten Strategien davor schützen.

E-Book herunterladen