Curated prompt collections

Claude Opus 5.5 Prompt Library

Source examples attributed to Claude Opus 5.5, organized by motion format and web technology. Watch previews and check full or partial source text before adapting a brief.

HOW TO USE

Rebuild a code animation from the source brief

The preview is a reference result. Source text may omit follow-up edits, assets or dependencies; these examples are not independently reproduced by the Atlas.

Read the code animation workflow
  1. 01

    Check the full/partial text label and original post for missing instructions or assets.

  2. 02

    Tell a coding assistant the output format, library version and required assets. Start with one runnable scene.

  3. 03

    Run the generated project and inspect the browser console before adding more effects.

  4. 04

    Compare timing and interaction to the preview. Check resize, mobile behavior and reduced motion.

Result not as expected? Start here
  • Blank scene? Check loading errors, canvas size, camera framing and the render loop.
  • Do not paste a code animation brief into a video model and expect the same workflow.