앱에 Convex를 추가하거나 생성합니다.

디자인을 UX 관점에서 평가하여 시각 계층 구조, 정보 아키텍처, 감정적 공명, 인지 부담 및 전체 품질을 수치화된 점수로 평가하고, 사용자 프로필 기반 테스트, 자동화된 반복 패턴 탐지 및 실행 가능한 피드백을 제공합니다.

브라우저를 통한 웹 상호작용을 위한 CDP를 통한 직접적인 브라우저 제어

브라우저 상호작용을 자동화하고 웹 페이지를 테스트하며 Playwright 테스트 작업을 수행합니다.

slideshow를 활용하는 AI 작업 흐름 사례입니다.

higgsfield-generate

canvas-design

최종 품질 검사를 수행하여 배포 전에 정렬, 간격, 일관성 및 미세 디테일 문제를 수정합니다. 사용자가 'polish', '완성도 높임', '프리런치 리뷰', '무언가 이상하다' 또는 '좋은 것에서 최고로 만들기'라고 언급할 때 사용합니다.

MCP 서버를 생성하여 LLM이 외부 서비스와 상호작용할 수 있도록 하는 가이드입니다.

AI 검색 엔진에 최적화된 콘텐츠를 만들고 LLMs에서 인용되거나 AI 생성 답변에 표시되도록 하기 위한 스킬

웹사이트를 HyperFrames로 변환하는 도구입니다.

Vercel에 애플리케이션 및 웹사이트를 배포합니다. 사용자가 '내 앱 배포', '배포하고 링크 제공', '이걸 라이브로 푸시' 또는 '미리보기 배포 생성'과 같은 배포 작업을 요청할 때 사용합니다.

코드가 이 저장소의 문서화된 코딩 표준을 준수하는지 및 원래 이슈/PRD에서 요청한 사항에 부합하는지를 검토합니다.

브라우저 자동화 CLI로 AI 에이전트를 위한 도구입니다.

firecrawl를 활용하는 AI 작업 흐름 사례입니다.

화면 내에 자막을 추가하는 기능

HyperFrames용 GSAP 애니메이션 가이드입니다. gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), 및 performance (transforms, will-change, quickTo)에 대해 설명합니다.

깃허브의 PR을 코드 변경 설명 영상으로 변환합니다.

마케팅 콘텐츠를 편집, 검토 및 개선하는 스킬

웹사이트/URL을 포트폴리오, 블로그, 문서, 랜딩 페이지 홍보용 영상으로 변환합니다.

문장, 주제, 개념 설명 등 임의의 텍스트를 기반으로 얼굴 없는 설명 영상 만들기

motion-graphics를 활용하는 AI 작업 흐름 사례입니다.

제품 또는 마케팅 URL, 붙여넣은 스크립트, 간략한 설명을 기반으로 제품 출시/프로모션 영상을 생성합니다. SaaS 프로모션, 기능 공개, 제품 데모, 앱 및 회사 출시에 사용됩니다.

general-video를 활용하는 AI 작업 흐름 사례입니다.