用途：本技能讲解如何用 Tailwind CSS 为 Helios 合成（composition）设置样式并制作动画，把标准 Tailwind 工具类与 Helios 的 autoSyncAnimations 功能结合使用。
主要能力：可使用 Tailwind 工具类（如布局、颜色、字体、动画类）编写界面；开启 autoSyncAnimations 后，标准 CSS 动画（如 animate-bounce、animate-spin）会被 Helios 接管，helios.seek() 可将 CSS 动画定位到正确时间点，实现时间轴拖动与同步。
使用方式：初始化 Helios 时设置 autoSyncAnimations: true，并通过 animationScope 指定作用范围，例如 document.getElementById('app')。随后在元素上直接使用 Tailwind 类，如 w-full h-full bg-slate-900 flex items-center justify-center 与 animate-bounce text-6xl text-white font-bold。自定义关键帧可在 tailwind.config.js 的 theme.extend.animation 中扩展，例如 'spin-slow': 'spin 3s linear infinite'。
关键模式：在 monorepo 或示例目录中，需确保 tailwind.config.js 的 content 数组正确指向目标文件，避免全局样式泄漏或样式缺失。
适用场景：为 Helios 合成做样式与动画、需要将 CSS 动画纳入 Helios 时间轴控制的场景。
限制：资料未提供更多平台、收费或效果信息；示例源码位于 examples/tailwind-animation/。