Skills
.Work. You
Rest

animated-backgrounds

Community

Create immersive animated web backgrounds.

Design & Creative#theming#performance#canvas#ui-design#web-animation#animated-backgrounds
Authorteegin-g
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Create immersive, performant animated HTML5 Canvas backgrounds for modern web interfaces, enabling rich visuals without external dependencies.

Core Features & Use Cases

  • Self-contained HTML: deliver a single-file background with a canvas rendering pipeline.
  • Theming & Motion: supports multiple themes (synthwave, tropical, cyberpunk, space, ocean) with layered rendering and time-based motion that adapts to device pixel ratio.
  • Use Case: embed as hero background on dashboards or landing pages to elevate UI without impacting load times.

Quick Start

Create a self-contained HTML file with a canvas-based animated background themed for my site.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: animated-backgrounds
Download link: https://github.com/teegin-g/Slopcast/archive/main.zip#animated-backgrounds

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.