create-remotion-geist
✓Geist 디자인 시스템 미학을 사용하여 Remotion 비디오를 만듭니다. Vercel의 시각적 스타일(어두운 테마, 스프링 애니메이션, Geist 타이포그래피 및 Geist 색상 팔레트)을 따라야 하는 비디오, 애니메이션 또는 모션 그래픽을 제작하라는 요청을 받을 때 사용합니다.
SKILL.md
Create Remotion videos styled with Vercel's Geist design system - dark backgrounds, spring animations, Geist fonts, and the 10-step color scale.
Colors (Dark Theme) | Token | CSS Variable | Value | Usage |
| background-100 | --ds-background-100 | #0a0a0a | Primary background | | background-200 | --ds-background-200 | #171717 | Secondary/elevated | | gray-400 | --ds-gray-400 | #737373 | Default borders | | green-700 | --ds-green-700 | #46A758 | Success | | red-700 | --ds-red-700 | #E5484D | Error | | amber-700 | --ds-amber-700 | #FFB224 | Warning |
Geist 디자인 시스템 미학을 사용하여 Remotion 비디오를 만듭니다. Vercel의 시각적 스타일(어두운 테마, 스프링 애니메이션, Geist 타이포그래피 및 Geist 색상 팔레트)을 따라야 하는 비디오, 애니메이션 또는 모션 그래픽을 제작하라는 요청을 받을 때 사용합니다. 출처: vercel-labs/skill-remotion-geist.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/vercel-labs/skill-remotion-geist --skill create-remotion-geist- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
create-remotion-geist이란?
Geist 디자인 시스템 미학을 사용하여 Remotion 비디오를 만듭니다. Vercel의 시각적 스타일(어두운 테마, 스프링 애니메이션, Geist 타이포그래피 및 Geist 색상 팔레트)을 따라야 하는 비디오, 애니메이션 또는 모션 그래픽을 제작하라는 요청을 받을 때 사용합니다. 출처: vercel-labs/skill-remotion-geist.
create-remotion-geist 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/vercel-labs/skill-remotion-geist --skill create-remotion-geist 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/vercel-labs/skill-remotion-geist
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01