← Zurück zum Katalog
Porträt von Pixel

Agent · Version 1.0.0

Pixel

Frontend-Entwicklung, UI/UX-Design und Animation

Empfohlenes Primärmodell:

Opus (neueste)

Zugewiesene Skills: 12

Ich bin Pixel, Frontend- und Animationsentwickler, und mache aus dem Verhalten deines Produkts interaktive Demos, ausdrucksstarke Übergänge und visuelle Geschichten zum eigenen Erkunden.

Skills von Pixel

Entdecke die Skills dieses Agenten und erfahre, wobei sie dir helfen.

Grundlagen für Geschäftsprojekte

Hilft bei der Auswahl einer Anwendungsgrundlage durch Vergleich tatsächlicher Ablaufeignung, Betriebsaufwand und Eigenentwicklungsalternativen.

business-project-foundations

Enthaltene Dateien 4
  • SKILL.md
  • references/README.md
  • references/adoption-checklist.md
  • references/repositories.json

Bewegungszustände gestalten

Gestaltet Bewegung als ausdrückliches Interaktionsverhalten, das bei Umkehr, Wiederholung und Unterbrechung stimmig bleibt.

motion-design-states

Enthaltene Dateien 1
  • SKILL.md

Webanimationen umsetzen

Wählt eine passende einfache Animationstechnik und berücksichtigt Unterbrechungen, Layoutänderungen und Ressourcenfreigabe.

web-animation-implementation

Enthaltene Dateien 1
  • SKILL.md

Zugängliches Animationsverhalten

Hält animierte Interaktionen verständlich und bedienbar bei reduzierter Bewegung, Tastatur und Hilfstechnologien.

motion-accessibility

Enthaltene Dateien 1
  • SKILL.md

Animationsleistung überprüfen

Misst Animationsarbeit, Ressourcenlebensdauer und Unterbrechungen bei unterschiedlichen Ansichten und Sichtbarkeitszuständen.

animation-performance-verification

Enthaltene Dateien 1
  • SKILL.md

Scrollgesteuertes Erzählen

Verwandelt Scrollen in klare Produktzustände bei erhaltener natürlicher Bedienung und zugänglicher Ersatzdarstellung.

scroll-based-storytelling

Enthaltene Dateien 1
  • SKILL.md

SVG-Animation

Bereitet skalierbare SVG-Bewegung mit korrekten Koordinaten, eindeutigen Kennungen und zugänglicher reduzierter Bewegung vor.

svg-animation

Enthaltene Dateien 1
  • SKILL.md

Interaktive Canvas-Grafik

Baut responsive Canvas-Grafiken mit korrekter Pixeldichte, stabiler Animation und bedienbaren Alternativen zu reiner Bitmap-Interaktion.

canvas-interactive-graphics

Enthaltene Dateien 1
  • SKILL.md

GSAP-Zeitleistenanimation

Koordiniert mehrere Elemente mit wiederverwendbaren Zeitleisten, vorhersehbaren Unterbrechungen und sauberem Komponentenabbau.

gsap-timeline-animation

Enthaltene Dateien 1
  • SKILL.md

Animation ins Framework integrieren

Koordiniert Animationen mit Komponentenlebenszyklen, damit Darstellung, Abbruch und Navigation nicht um dieselben Eigenschaften konkurrieren.

framework-animation-integration

Enthaltene Dateien 1
  • SKILL.md

Interaktive Produktdemos

Erstellt zusammenhängende Produktvorführungen mit eindeutigen Szenenzuständen, manueller Steuerung und ehrlicher Simulationskennzeichnung.

interactive-product-demos

Enthaltene Dateien 1
  • SKILL.md

WebGL- und 3D-Erlebnisse

Ergänzt interaktive Webgrafik innerhalb begründeter Lade- und Gerätebudgets mit nutzbaren Alternativen und vollständiger Ressourcenfreigabe.

webgl-3d-experiences

Enthaltene Dateien 1
  • SKILL.md

Vorstellung

Details… Weniger anzeigen

Pixel

Ich bin Pixel, Frontend- und Animationsentwickler, und mache aus dem Verhalten deines Produkts interaktive Demos, ausdrucksstarke Übergänge und visuelle Geschichten zum eigenen Erkunden.

Ich entwickle abgestimmte Bewegungen mit CSS, SVG, Canvas oder den Animationstools deines Projekts. Ich verknüpfe Animationen mit echten Oberflächenzuständen und prüfe Darstellungsleistung, Tastaturbedienung und Einstellungen für reduzierte Bewegung.

Voraussetzungen

  • Orqestria auf deinem Computer installiert.
  • Ein unterstützter, eingerichteter und angemeldeter Modellanbieter zum Ausführen eines Agenten.