remotion-render
Remotion 동영상 내보내기
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
Remotion 동영상 내보내기
HyperFrames용 CSS 애니메이션 어댑터 패턴입니다. CSS 키프레임, animation-delay 기반 타이밍, animation-fill-mode, animation-play-state 또는 HyperFrames가 미리보기 및 렌더링 중에 결정론적으로 탐색해야 하는 순수 CSS 모션을 제작할 때 사용합니다.
새로운 Remotion 동영상 만들기
Obsidian CLI를 사용하여 Obsidian 볼트와 상호작용하며, 노트, 작업, 속성 등을 읽고, 생성하고, 검색하고, 관리할 수 있습니다. 또한 플러그인 재로드, 자바스크립트 실행, 오류 캡처, 스크린샷 촬영, DOM 검사 등의 명령어를 통해 플러그인 및 테마 개발도 지원합니다. 사용자가 자신의 Obsidian 볼트와 상호 작용하거나, 노트를 관리하거나, 볼트 콘텐츠를 검색하거나, 명령줄에서 볼트 작업을 수행하거나, Obsidian 플러그인 및 테마를 개발 및 디버깅하고자 할 때 사용하십시오.
이 스킬은 REST 호출을 통해 Notion API와 상호작용하는 방법에 대한 포괄적인 지침을 제공합니다. 이 스킬은 사용자가 페이지, 데이터베이스, 블록, 댓글 또는 기타 Notion 콘텐츠를 읽거나, 생성하거나, 업데이트하거나, 삭제하는 등 Notion과 상호작용을 요청할 때마다 사용해야 합니다. 이 스킬은 인증, 사용 가능한 모든 엔드포인트, 페이지 분할, 오류 처리 및 모범 사례를 다룹니다.
프로덕션 애플리케이션을 위한 Cloudflare Workers 모범 사례. Workers를 작성, 검토 또는 구성할 때 참고하세요.
뷰, 필터, 수식 및 요약 기능을 사용하여 Obsidian 베이스(.base 파일)를 생성하고 편집하세요. .base 파일을 다루거나, 노트에 대해 데이터베이스와 유사한 뷰를 생성할 때, 또는 사용자가 Obsidian에서 베이스, 테이블 뷰, 카드 뷰, 필터 또는 수식을 언급할 때 이 기능을 사용하세요.
HyperFrames 컴포지션을 위한 Tailwind CSS v4.2 브라우저 런타임 패턴. `hyperframes init --tailwind` 명령어로 생성된 프로젝트의 기본 구조를 구축하거나 편집할 때, 컴포지션 HTML에 Tailwind 유틸리티 클래스를 작성할 때, CSS-first 방식의 Tailwind v4 테마 토큰을 추가할 때, v3와 v4 구문 간의 차이를 디버깅할 때, 또는 브라우저 런타임을 사용하는 대신 Tailwind를 CSS로 컴파일해야 할 시점을 결정할 때 사용합니다.
자막 전사, 표시 및 애니메이션 적용
제네릭, 조건부 타입, 매핑된 타입, 템플릿 리터럴, 유틸리티 타입 등 타입스크립트의 고급 타입 시스템을 숙달하여 타입 안전성이 보장된 애플리케이션을 구축하세요. 복잡한 타입 로직을 구현하거나, 재사용 가능한 타입 유틸리티를 생성하거나, 타입스크립트 프로젝트에서 컴파일 시점의 타입 안전성을 보장할 때 활용하세요.
HyperFrames용 Anime.js 어댑터 패턴. HyperFrames 컴포지션 내에서 Anime.js 애니메이션이나 타임라인을 작성할 때, window.__hfAnime에 애니메이션을 등록할 때, Anime.js를 시크(seek) 기반 및 결정론적으로 구현할 때, 또는 Anime.js 예제를 렌더링에 안전한 HyperFrames HTML로 변환할 때 사용합니다.
사용자가 URL을 통해 경쟁사를 조사, 프로파일링 또는 분석하고자 할 때 사용합니다. 또한 사용자가 ‘경쟁사 프로파일’, ‘경쟁사 조사’, ‘경쟁사 분석’, ‘이 경쟁사 프로파일링’, ‘경쟁사 분석’, '경쟁 정보', '경쟁사 심층 분석', '내 경쟁사는 누구인가', '경쟁사 현황', '경쟁사 자료집', '경쟁사 감사' 또는 '이 경쟁사들 조사하기'와 같은 용어를 언급할 때도 사용됩니다. 입력값은 경쟁사 URL 목록입니다. 출력값은 구조화된 경쟁사 프로필 마크다운 파일입니다. 프로필을 기반으로 비교/대안 페이지를 생성하는 방법은 competitors를 참조하십시오. 영업 전용 배틀 카드에 대해서는 sales-enablement를 참조하십시오.
HyperFrames용 Three.js 및 WebGL 어댑터 패턴. 결정론적인 Three.js 씬, WebGL 캔버스 레이어, AnimationMixer 타임라인, 카메라 모션, 셰이더 기반 시각 효과 또는 HyperFrames의 hf-seek 이벤트에 반응하는 캔버스 렌더링을 생성할 때 사용합니다.
회사에서 선호하는 형식을 사용하여 다양한 내부 커뮤니케이션 문서를 작성하는 데 도움이 되는 자료 모음입니다. 클로드는 내부 커뮤니케이션 문서(진행 상황 보고서, 경영진 소식, 3P 업데이트, 사내 뉴스레터, 자주 묻는 질문, 사고 보고서, 프로젝트 진행 상황 등) 작성을 요청받을 때마다 이 기술을 활용해야 합니다.
HyperFrames용 Lottie 및 dotLottie 어댑터 패턴입니다. lottie-web JSON 애니메이션, .lottie 파일, @lottiefiles/dotlottie-web 플레이어를 삽입하거나, window.__hfLottie에 인스턴스를 등록하거나, HyperFrames에서 After Effects 내보내기 결과를 예측 가능하게 만들 때 사용합니다.
squirrelscan CLI를 사용하여 웹사이트를 감사하고, 발견된 문제를 코드에서 수정합니다. SEO, 성능, 보안, 기술, 콘텐츠, 접근성 및 기타 15개 규칙 카테고리(260개 이상의 규칙)를 실행하고, LLM에 최적화된 보고서를 반환한 후, 문제를 소스 파일에 매핑하고 수정 사항을 적용하며 사이트 점수가 양호해질 때까지 재감사하는 반복적인 수정 루프를 진행합니다. 웹사이트나 웹앱의 문제를 발견 및 평가하고, 이를 해결까지 이끄는 데 활용하십시오.
HyperFrames용 Web Animations API 어댑터 패턴입니다. element.animate() 모션, Animation currentTime 탐색, document.getAnimations(), KeyframeEffect 타이밍, 채우기 모드 또는 HyperFrames에서 결정론적으로 렌더링되어야 하는 네이티브 브라우저 애니메이션을 제작할 때 사용합니다.
콘텐츠, 애니메이션 및 효과에 대한 모범 사례
Gmail: 이메일을 보내세요.
Turborepo 모노레포 빌드 시스템 가이드. 다음 항목에 대해 설명합니다: turbo.json, 태스크 파이프라인, dependsOn, 캐싱, 원격 캐시, “turbo” CLI, --filter, --affected, CI 최적화, 환경 변수, 내부 패키지, 모노레포 구조/모범 사례, 경계.