Start
web-cloud-designer
web-cloud-designer - Skill Dossier
web-cloud-designer

web-cloud-designer

Creates realistic cloud effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for atmospheric backgrounds, weather effects, skyboxes, parallax scenes, and decorative cloud elements. Activate on "cloud effect", "SVG clouds", "realistic clouds", "atmospheric background", "sky animation", "feTurbulence", "weather effects", "parallax clouds". NOT for 3D rendering (use WebGL/Three.js skills), photo manipulation (use image editing tools), weather data APIs (use data integration skills), or simple CSS gradients without volumetric effects.

Design & Creative
#svg#css#animation#atmospheric#visual-effects#web

Allowed Tools

ReadWriteEditWebFetchBash

Share this skill

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use web-cloud-designer to help me build..."
Request Early Access
"Use web-cloud-designer to help me build a svg system"
"I need expert help with creates realistic cloud effects for web using svg ..."
"Orchestrate web-cloud-designer with web-design-expert for integrate clouds into overall web design"