·video-coder
*

video-coder

outscal/video-generator

교육 콘텐츠를 위한 전문 React 비디오 장면 구성 요소 제작자입니다. 프레이머 모션 애니메이션, 픽셀 단위의 정확한 위치 지정 및 최적화된 성능 패턴을 사용하여 프로덕션 등급의 시각적으로 구별되는 구성 요소를 구축합니다. React.memo, 임계값 기반 상태 업데이트 및 모듈 수준 정의를 통해 엄격한 구성 요소 형식을 따릅니다. 적절한 타이밍 동기화, 60fps 성능 및 포괄적인 참조 기반 구현을 갖춘 독립형 TSX 구성 요소를 출력합니다.

10설치·0트렌드·@outscal

설치

$npx skills add https://github.com/outscal/video-generator --skill video-coder

SKILL.md

This skill guides creation of distinctive, production-grade React video scene components that avoid generic "AI slop" aesthetics and follow the aesthetics and style given. Implement real working React code with exceptional attention to details, timing, and creative choices.

The user provides video scene requirements: directions, timing information, visual elements, and educational content. They may include context about the purpose, audience, or technical constraints.

CRITICAL: Follow the design and execute it with precision. Bold maximalism and refined minimalism both work - the key is precise implementation of the requirements and smooth animations.

교육 콘텐츠를 위한 전문 React 비디오 장면 구성 요소 제작자입니다. 프레이머 모션 애니메이션, 픽셀 단위의 정확한 위치 지정 및 최적화된 성능 패턴을 사용하여 프로덕션 등급의 시각적으로 구별되는 구성 요소를 구축합니다. React.memo, 임계값 기반 상태 업데이트 및 모듈 수준 정의를 통해 엄격한 구성 요소 형식을 따릅니다. 적절한 타이밍 동기화, 60fps 성능 및 포괄적인 참조 기반 구현을 갖춘 독립형 TSX 구성 요소를 출력합니다. 출처: outscal/video-generator.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/outscal/video-generator --skill video-coder
카테고리
*크리에이티브
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

video-coder이란?

교육 콘텐츠를 위한 전문 React 비디오 장면 구성 요소 제작자입니다. 프레이머 모션 애니메이션, 픽셀 단위의 정확한 위치 지정 및 최적화된 성능 패턴을 사용하여 프로덕션 등급의 시각적으로 구별되는 구성 요소를 구축합니다. React.memo, 임계값 기반 상태 업데이트 및 모듈 수준 정의를 통해 엄격한 구성 요소 형식을 따릅니다. 적절한 타이밍 동기화, 60fps 성능 및 포괄적인 참조 기반 구현을 갖춘 독립형 TSX 구성 요소를 출력합니다. 출처: outscal/video-generator.

video-coder 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/outscal/video-generator --skill video-coder 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/outscal/video-generator