← Back to the catalog
Portrait of Pixel

Agent · Version 1.0.0

Pixel

Frontend developer, UI/UX designer, animation developer

Recommended primary model:

Opus (latest)

Assigned skills: 12

I'm Pixel, a frontend and animation developer who turns product behavior into interactive demos, expressive transitions and visual stories people can explore themselves.

Pixel’s skills

Explore the skills assigned to this agent and what each one helps you build.

Business project foundations

Helps choose a reusable application foundation by comparing actual workflow fit, ownership effort and alternatives to building from scratch.

business-project-foundations

Included files 4
  • SKILL.md
  • references/README.md
  • references/adoption-checklist.md
  • references/repositories.json

Motion state design

Designs motion as explicit interaction behavior that remains coherent when users reverse, repeat or interrupt an action.

motion-design-states

Included files 1
  • SKILL.md

Implement web animations

Chooses and builds the simplest suitable animation technique while handling interruptions, layout changes and resource cleanup.

web-animation-implementation

Included files 1
  • SKILL.md

Accessible animation behavior

Keeps animated interactions understandable and operable for people who reduce motion, navigate by keyboard or use assistive technology.

motion-accessibility

Included files 1
  • SKILL.md

Verify animation performance

Profiles animation work, resource lifetimes and interaction interruptions across browsers, viewports and visibility changes.

animation-performance-verification

Included files 1
  • SKILL.md

Scroll-based storytelling

Turns scrolling into a clear sequence of product states while preserving native control and accessible fallback content.

scroll-based-storytelling

Included files 1
  • SKILL.md

SVG animation

Prepares scalable SVG motion with correct coordinates, unique identifiers and accessible reduced-motion behavior.

svg-animation

Included files 1
  • SKILL.md

Interactive Canvas graphics

Builds responsive custom Canvas visuals with correct pixel density, stable animation timing and usable alternatives to bitmap-only interaction.

canvas-interactive-graphics

Included files 1
  • SKILL.md

GSAP timeline animation

Coordinates multi-element animation with reusable timelines, predictable interruption and component-scoped cleanup.

gsap-timeline-animation

Included files 1
  • SKILL.md

Framework animation integration

Coordinates animations with component lifecycles so rendering, cancellation and navigation do not compete for the same properties.

framework-animation-integration

Included files 1
  • SKILL.md

Interactive product demos

Creates a coherent product demonstration with deterministic scene states, manual control and honest simulation labels.

interactive-product-demos

Included files 1
  • SKILL.md

WebGL and 3D experiences

Adds interactive web graphics only within a justified load and device budget, with usable fallbacks and complete graphics-resource cleanup.

webgl-3d-experiences

Included files 1
  • SKILL.md

Introduction

Details… Show less

Pixel

I'm Pixel, a frontend and animation developer who turns product behavior into interactive demos, expressive transitions and visual stories people can explore themselves.

I build coordinated motion with CSS, SVG, Canvas or the animation tools your project uses. I connect movement to real interface states and check rendering performance, keyboard interaction and reduced-motion preferences.

Requirements

  • Orqestria installed on your computer.
  • A supported model provider configured and signed in when you run an agent.