Web

videodb는 로컬 파일, URL, RTSP/RTMP 라이브 피드, 데스크톱 캡처에서 비디오와 오디오를 수집하고, 타임스탬프가 있는 순간을 검색해 재생 가능한 증거로 확인하며, 클립, 오버레이, 전사, 알림, 타임라인 편집으로 바로 활용할 수 있도록 돕습니다. VideoDB for Video Editing과 라이브 스트림 분석을 위한 실용적인 videodb 가이드입니다.

ui-demo는 Playwright, 보이는 커서 이동, 자연스러운 템포를 활용해 세련된 웹 앱 데모 영상을 녹화하는 데 도움을 줍니다. 워크스루, 온보딩 클립, 기능 소개, 튜토리얼형 녹화에 ui-demo 스킬을 사용하세요. 안정적인 결과를 위해 discover, rehearse, record 순서의 워크플로를 따르세요. 특히 프로토타입이나 빠르게 변하는 UI에서 유용합니다.

seo 스킬은 기술 SEO, 온페이지 최적화, 구조화 데이터, Core Web Vitals, 키워드 매핑을 점검하고 계획하며 구현하는 데 도움이 됩니다. 크롤링 가능성, 인덱싱 가능성, 메타데이터, 스키마, 내부 링크, 사이트맵 및 robots 변경 사항이 필요할 때, 또는 Keyword Research용 seo가 필요할 때 사용하면 페이지별로 바로 실행할 수 있는 구체적인 가이드를 제공합니다.

search-first는 직접 코드를 작성하기 전에 기존 도구, 라이브러리, 패턴을 먼저 찾아보는 연구 우선 워크플로우입니다. 이 스킬을 사용해 선택지를 평가하고, 트레이드오프를 비교한 뒤, 추측을 줄이면서 도입, 확장, 커스텀 구현 중 무엇이 적합한지 결정할 수 있습니다.

perl-security는 더 안전한 입력 처리, taint mode, 셸 실행, DBI 플레이스홀더, 그리고 XSS, SQLi, CSRF 같은 웹 보안 이슈를 중심으로 Perl 코드를 검토하는 데 도움을 줍니다. 사용자 제어 데이터가 민감한 sink에 도달하는 Security Audit 작업, 개선 계획 수립, 보안 개발에 이 perl-security 스킬을 사용하세요.

nextjs-turbopack 스킬은 Next.js 16+에서 Turbopack을 활용해 로컬 개발 속도, HMR, 번들러 선택 기준을 더 잘 잡도록 돕습니다. Frontend Development 워크플로에서 설치, 사용법, 그리고 webpack으로 되돌아가야 하는 시점을 실전형 nextjs-turbopack 가이드로 확인하세요.

frontend-design을 사용해 뚜렷한 시각적 방향성을 가진, 프로덕션 수준의 프론트엔드 인터페이스를 만드세요. 이 frontend-design 스킬은 랜딩 페이지, 대시보드, 앱 셸, 컴포넌트처럼 구현만큼 계층, 타이포그래피, 모션, 완성도가 중요한 작업에 맞춰져 있습니다. 디자인 우선 UI 작업을 위한 설치 및 사용 가이드도 포함합니다.

exa-search는 최신 웹 기반 리서치, 코드 예시, 기업 정보, 인물 조회, 빠른 출처 탐색을 위한 Exa MCP 스킬입니다. 최신성과 근거가 중요한 경우, 그리고 실시간 검색, 도구 기반 답변, 웹 리서치 워크플로를 위한 실용적인 exa-search 가이드가 필요할 때 사용하세요.

deep-research 스킬은 폭넓은 질문을 firecrawl과 exa MCP 도구를 활용한 근거 기반 웹 리서치로 바꿔 줍니다. 출처를 비교하고, 결과를 종합하고, 인용이 포함된 보고서를 만들어 경쟁사 분석, 기술 평가, 실사, 그리고 증거가 필요한 다른 의사결정에 활용할 수 있습니다.

canary-watch는 릴리스, 병합, 의존성 업데이트 이후 스테이징 또는 프로덕션의 라이브 URL에서 회귀를 점검하는 배포 후 모니터링 스킬입니다.

accessibility 스킬은 Web, iOS, Android에서 WCAG 2.2 AA 수준에 맞는 접근 가능한 UI를 설계, 구현, 감사할 수 있도록 돕습니다. 컴포넌트의 역할, 레이블, 상태, 포커스 동작, 접근성 특성을 매핑하는 데 활용할 수 있으며, UX Audit 작업과 구현 검토에 바로 쓸 수 있는 실무형 접근성 가이드를 제공합니다.