Add one remocn component
Requested: $ARGUMENTS
Load the remocn skill first for the tier conventions and Canvas & timing.
- Resolve the name. If the request is an exact component name, use it. If it's a description
("a glitchy title", "a fast cut"), shortlist from
https://remocn.dev/llms-components.txtand offer the best two or three, each with itsUse forline and length. Wait for the pick. - Read its page. Fetch the
.mddocs URL the index gives for it. Note the props, the example,Lengthand anyAvoid fornote. If the avoid note matches what the user wants, say so and suggest the replacement it names. - Prepare the project once. If
components.jsonhas no@remocnregistry, runnode "${CLAUDE_SKILL_DIR}/../video/scripts/setup.mjs" <project-root>first (outside Claude Code:../video/scripts/setup.mjsfrom this skill's folder). Its JSON result says which files it wrote; relay anywarning. - Install.
npx shadcn add @remocn/<name>. Dependencies install transitively; list which files landed. - Use it. Show a usage snippet built from the docs example, sized to the canvas, inside a
<Sequence durationInFrames>of at least itsLengthplus hold time. Transitions go intoTransitionSeries.TransitionaspresentationwithlinearTiming/springTimingat theirLength. If the user named a place in their code, put it there; otherwise ask where it goes. - Check.
npx tsc --noEmit, then a still at the end of its motion (npx remotion still <composition> out/<name>.png --frame=<n>) and look at it.