typegpu
آمن 77WebGPU-HyperFrames-Effekte erstellen
بواسطة heygen-com
GPU-Effekte in HyperFrames benötigen deterministisches Timing und Frame-Erfassung. Diese Skill bietet WebGPU-, TypeGPU- und GSAP-Muster für renderbereite Canvas-Kompositionen.
اجمع مهاراتك المفضلة في مجموعة قابلة لإعادة الاستخدام، ثم ثبّتها بأمر واحد.
WebGPU-HyperFrames-Effekte erstellen
بواسطة heygen-com
GPU-Effekte in HyperFrames benötigen deterministisches Timing und Frame-Erfassung. Diese Skill bietet WebGPU-, TypeGPU- und GSAP-Muster für renderbereite Canvas-Kompositionen.
Deterministische Three.js-HyperFrames-Szenen erstellen
بواسطة heygen-com
Framegenaues Three.js-Rendering ist schwierig, wenn Szenen von Wall-Clock-Animation abhängen. Dieser Skill zeigt HyperFrames-Muster, die aus der hf-seek-Zeit rendern.
Tailwind-v4-HyperFrames-Szenen erstellen
بواسطة heygen-com
Tailwind-v4-Browser-Runtime-Projekte können fehlschlagen, wenn Teams ältere v3-Muster anwenden. Dieser Skill gibt Claude, Codex und Claude Code präzise HyperFrames-Anleitungen für stabiles Styling.
Remotion-Projekte in HyperFrames konvertieren
بواسطة heygen-com
Eine manuelle Remotion-Migration kann Unterschiede bei Timing, Medien und Rendering übersehen. Diese Skill ordnet unterstützte React-Kompositionen HyperFrames zu und validiert die visuelle Genauigkeit.
Lottie-Animationen in HyperFrames einbetten
بواسطة heygen-com
HyperFrames-Projekte benötigen deterministische Lottie-Wiedergabe statt Timeline-Drift. Diese Skill zeigt das Laden lokaler Assets, die Player-Registrierung und Validierungsmuster für lottie-web und dotLottie.
GSAP-Animationen für HyperFrames erstellen
بواسطة heygen-com
Animationsarbeit in HyperFrames erfordert präzises GSAP-Timing, passende Effekte und durchdachte Performance-Entscheidungen. Dieser Skill bietet fokussierte Referenzen für Tweens, Timelines, Typewriter-Text und audioreaktive Visuals.
Suchbare CSS-Animationen für HyperFrames erstellen
بواسطة heygen-com
CSS-Animationen können driften, wenn Vorschauen und Renderings durch die Zeit springen. Diese Skill zeigt deterministische Muster für Keyframes, Timing, Fill-Modes und Validierung.
Deterministische Anime.js-HyperFrames erstellen
بواسطة heygen-com
Anime.js-Animationen können abdriften, wenn sie mit ihrer eigenen Zeitsteuerung laufen. Diese Skill zeigt deterministische HyperFrames-Muster, die Animationen registrieren und sie über den Runtime-Adapter per Seek steuern.
HyperFrames-Katalogelemente beitragen
بواسطة heygen-com
Das Erstellen eines wiederverwendbaren HyperFrames-Katalogelements erfordert Struktur, Metadaten, Vorschauen und Prüfschritte. Diese Skill führt Mitwirkende von der Idee bis zum validierten Pull Request.
Control Herdr Workspaces and Coding Agents
بواسطة herdrdev
Managing several coding agents across terminal panes can make state, focus, and output difficult to track. This skill uses Herdr commands to organize panes, coordinate agents, run commands, and inspect results.
Build Scroll Animations with GSAP ScrollTrigger
بواسطة greensock
Scroll-driven interfaces can break when triggers, pinning, refresh order, or cleanup are configured incorrectly. This skill provides focused GSAP ScrollTrigger implementation guidance.
shadcn/ui-Interfaces schneller erstellen
بواسطة google-labs-code
Moderne React-Teams benötigen konsistente shadcn/ui-Komponenten, ohne wiederholt Setup-Recherchen durchführen zu müssen. Dieser Skill unterstützt bei Komponentenauswahl, Installation, Theming, Migration und Qualitätsprüfungen.
سبب تصدر هذا المتغير
google-labs-code-shadcn-ui
2026-09-09
giuseppe-trisciuoglio-shadcn-ui
2026-09-09
Stitch-Designs in React-Komponenten umwandeln
بواسطة google-labs-code
Stitch-Designs in wartbaren React-Code zu übertragen, kann langsam und uneinheitlich sein. Dieser Skill führt Claude, Codex oder Claude Code durch Abruf, Komponentenstruktur, Token-Mapping und Validierung.
Google ADK-Agenten mit agents-cli erstellen
بواسطة google
ADK-Agentenprojekte erfordern viele verknüpfte Schritte über Scaffolding, Tests, Bereitstellung und Betrieb hinweg. Dieser Skill bietet einen gestuften agents-cli-Workflow, der Coding-Agenten hilft, diese Schritte konsistent zu befolgen.
Google ADK Agents mit agents-cli evaluieren
بواسطة google
Agententeams benötigen wiederholbare Nachweise, bevor sie Prompts, Tools oder Deployment-Einstellungen ändern. Diese Skill-Anleitung unterstützt Dataset-Design, Metrikauswahl, Bewertung, Vergleich und Fehleranalyse für Google ADK Agents.
Google-ADK-Agent-Code erstellen
بواسطة google
Entwickler benötigen zuverlässige ADK-Muster beim Erstellen von Python-Agenten. Diese Skill bietet prägnante Referenzen für Tools, Callbacks, State, Multi-Agent-Orchestrierung und Workflow-Code.
Analysieren Sie Breaking Changes vor dem Commit
بواسطة gobeyondyang
Änderungen an Verträgen und Schemas können nachgelagerte Dienste, Clients und Datenflüsse beeinträchtigen. Dieser Skill ordnet betroffene Referenzen zu und erstellt vor dem Commit einen Bericht über die geschäftlichen Auswirkungen.
Audit Test Suites for False Confidence
بواسطة gjalla
Weak tests can hide production bugs while inflating coverage metrics. This skill reviews test quality and identifies misleading, redundant, or excessively mocked tests.
Review Code Changes Before Merge
بواسطة gjalla
Code changes can hide correctness, security, and maintainability issues before merge. This skill reviews diffs from relevant perspectives and returns prioritized, location-specific fixes.
Code sicher refaktorisieren
بواسطة github
Große Codebasen werden schwer zu ändern, wenn Struktur, Namen und Verantwortlichkeiten auseinanderdriften. Diese Skill führt durch sichere Refactoring-Schritte, die das Verhalten erhalten und gleichzeitig die Wartbarkeit verbessern.