From team-skills-platform
Provides 29 rules for Remotion video creation in React, covering 3D with Three.js, animations, audio, captions, charts, compositions, Lottie, Tailwind, and media handling.
npx claudepluginhub colin4k1024/tspThis skill uses the workspace's default tool permissions.
Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.
rules/3d.mdrules/animations.mdrules/assets.mdrules/assets/charts-bar-chart.tsxrules/assets/text-animations-typewriter.tsxrules/assets/text-animations-word-highlight.tsxrules/audio.mdrules/calculate-metadata.mdrules/can-decode.mdrules/charts.mdrules/compositions.mdrules/display-captions.mdrules/extract-frames.mdrules/fonts.mdrules/get-audio-duration.mdrules/get-video-dimensions.mdrules/get-video-duration.mdrules/gifs.mdrules/images.mdrules/import-srt-captions.mdGenerates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.
Read individual rule files for detailed explanations and code examples: