SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
사용자가 기존 마케팅 문안을 편집, 검토 또는 개선하거나, 오래된 콘텐츠를 갱신하고자 할 때. 또한 사용자가 ‘이 문구를 수정해 주세요’, ‘제 문구를 검토해 주세요’, ‘문구에 대한 피드백’, ‘교정해 주세요’, ‘이 부분을 다듬어 주세요’, ‘더 좋게 만들어 주세요’, ‘문구 전반 점검’, ‘이 부분을 간결하게 정리해 주세요’, ‘이 문장이 어색하게 읽힙니다’, ‘이 텍스트를 정리해 주세요’, '너무 장황하다', '메시지를 더 선명하게', '이 콘텐츠를 새로 고침', '이 페이지를 업데이트', '이 콘텐츠는 구식이다' 또는 '콘텐츠 감사'와 같은 표현을 사용할 때도 적용됩니다. 사용자가 이미 카피를 보유하고 있으며, 처음부터 다시 작성하기보다는 이를 개선하거나 새로 고치고자 할 때 이 용어를 사용하십시오. 새로운 카피 작성을 위해서는 카피라이팅을 참조하십시오.
사용자가 AI 검색 엔진에 맞춰 콘텐츠를 최적화하거나, LLM에 인용되거나, AI가 생성한 답변에 노출되기를 원할 때. 또한 사용자가 ‘AI SEO’, ‘AEO’, ‘GEO’, ‘LLMO’, ‘답변 엔진 최적화’, ‘생성형 엔진 최적화’, ‘LLM 최적화’, ‘AI 개요’, ‘ChatGPT 최적화’, ‘Perplexity 최적화’, 'AI 인용', 'AI 가시성', '제로 클릭 검색', 'AI 답변에 어떻게 노출되나요', 'LLM 언급', 'Claude/Gemini 최적화', 'llms.txt', 'llms-full.txt', 'OKF', '오픈 지식 포맷(Open Knowledge Format)', '지식 번들', '에이전트가 읽을 수 있는 사이트', '에이전트 준비 상태', '내 사이트가 에이전트 준비가 되어 있나요?', 'WebMCP', '리스트형 기사(listicles)가 AI에 여전히 효과가 있나요?', 'ChatGPT가 비교 페이지를 인용하지 않게 되었습니다' 또는 'AI 인용 형식 변화' 누군가 자신의 콘텐츠가 AI 어시스턴트나 AI 검색 엔진에 의해 인용되거나 노출되기를 원할 때 이 문서를 활용하세요. 기존의 기술적 및 온페이지 SEO 감사에 대해서는 seo-audit을, 구조화된 데이터 구현에 대해서는 schema를 참조하세요.
HyperFrames 컴포지션에 이미 배치된 오디오를 믹싱해야 할 때 사용합니다: 페이드 인/페이드 아웃, 크로스페이드, 트랙 게인 또는 볼륨 조절, 볼륨 오토메이션, 더킹, 보이스오버와 충돌하는 배경 음악(보이스오버 카브), 트랙에 적용되는 이펙트(EQ, 컴프레서, 리미터, 게이트, 새테이션, 딜레이, 리버브, 코러스, 페이저, 비트크러시), 트랙의 볼륨 또는 효과 매개변수에 그려진 오토메이션 엔벨로프, 또는 여러 트랙을 한 번에 처리하기 위한 체인, 페이더 및 오토메이션 클럭을 포함하는 하나의 서브믹스 버스(`<hf-audio-group>`) 등이 있습니다. 오디오 소스 확보나 생성(BGM 찾기, SFX 찾기, 보이스오버 제작 등)에는 사용하지 마십시오. 해당 기능은 `/media-use`에서 처리합니다. 클립 타이밍이나 트랙 레이아웃 작업에는 사용하지 마십시오. 이는 `/hyperframes-core`에서 처리합니다.
수석 모션 어드바이저로서 코드베이스의 애니메이션 및 모션 코드를 검토한 후, 우선순위가 지정된 감사 보고서와 다른 에이전트(또는 비용이 더 저렴한 모델)가 실행할 수 있는 독립적인 구현 계획을 작성합니다. 소스 코드에 대한 읽기 전용 권한 — 개선 사항을 계획할 뿐, 직접 적용하지는 않습니다. 사용자가 “애니메이션을 개선해 주세요”, “모션을 검토해 주세요”, “이 앱의 사용감을 더 좋게 만들어 주세요”라고 요청하거나, 단일 diff 검토보다는 애니메이션 수정 로드맵을 원할 때 사용하십시오.
React의 뷰 전환 API(`<ViewTransition>` 컴포넌트, `addTransitionType`, CSS 뷰 전환 의사요소)를 사용하여 부드럽고 네이티브 같은 애니메이션을 구현하는 가이드입니다. 사용자가 페이지 전환을 추가하거나, 경로 변경을 애니메이션으로 표현하거나, 공유 요소 애니메이션을 생성하거나, 컴포넌트의 진입/이탈을 애니메이션으로 표현하거나, 목록 재정렬을 애니메이션으로 표현하거나, 방향성(앞으로/뒤로) 탐색 애니메이션을 구현하거나, Next.js에 뷰 전환을 통합하고자 할 때 이 기술을 활용하세요. 또한 사용자가 뷰 전환, `startViewTransition`, `ViewTransition`, 전환 유형을 언급하거나, 타사 애니메이션 라이브러리 없이 React에서 UI 상태 간 애니메이션을 구현하는 방법에 대해 문의할 때도 이 기술을 활용하세요.
Figma 콘텐츠를 HyperFrames 컴포지션으로 가져오기 — 렌더링된 에셋, 브랜드 토큰, 컴포넌트, 스토리보드 섹션 → 재구성된 모션(프레임은 슬라이드가 아닌 상태로 인식됨) (REST/CLI), 가능한 경우 커넥터 지원 모션, 그리고 커넥터 또는 네이티브 내보내기를 통한 셰이더. 사용자가 figma.com 링크를 붙여넣거나, Figma 디자인, 프레임, 로고, 브랜드 또는 애니메이션을 동영상/컴포지션으로 가져오기를 요청할 때 사용합니다.
한 문장으로 요약된 아이디어만으로도 Convex와 웹 템플릿의 기본 구성을 실행해 보세요.
Builds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations, or component boundary work.
잘 설계된 도구를 통해 대규모 언어 모델(LLM)이 외부 서비스와 상호작용할 수 있도록 지원하는 고품질 MCP(Model Context Protocol) 서버 구축 가이드입니다. Python(FastMCP)이나 Node/TypeScript(MCP SDK)를 사용하여 외부 API 또는 서비스를 통합하는 MCP 서버를 구축할 때 활용하십시오.
>- 관련 작업을 지원합니다.
웹 애플리케이션에 Firebase AI Logic(Gemini API)을 통합하기 위한 공식 가이드입니다. 설정, 다중 모달 추론, 구조화된 출력 및 보안에 대해 다룹니다.
사용자가 유료 광고 플랫폼을 위해 광고 크리에이티브(헤드라인, 설명, 본문 또는 전체 광고 변형)를 생성, 반복 생성 또는 확장하고자 할 때. 또한 사용자가 ‘광고 문안 변형’, ‘광고 크리에이티브’, ‘헤드라인 생성’, ‘RSA 헤드라인’, ‘대량 광고 문안’, ‘광고 반복 생성’, ‘크리에이티브 테스트’, ‘광고 문안 작성해 주세요’, ‘페이스북 광고 문안’, '구글 광고 헤드라인', '링크드인 광고 문구', '정적 광고', '광고 템플릿', 'iMessage 광고', '채팅 공개 광고', 'ChatGPT 광고', 'Apple Notes 광고', 'AirDrop 광고', '크리에이티브 전략', '크리에이티브 로드맵', '크리에이티브 레트로', '후크 작성', '크리에이티브 검토 페이지', '승인을 위한 광고 크리에이티브 제출', '모션 비디오 광고', '얼굴 없는 비디오 광고', 'UGC 광고', '그린스크린 광고', '틱톡/릴스 광고 형식', '어떤 광고 형식을 만들지', '메타 광고 형식 티어 리스트' 또는 '크리에이티브 형식 분류 체계'와 같은 용어입니다. 누군가가 대규모로 광고 문안을 제작하거나 기존 광고를 개선해야 할 때 이 용어를 사용하세요. 캠페인 전략 및 타겟팅에 대해서는 ‘광고’ 항목을, 랜딩 페이지 카피에 대해서는 ‘카피라이팅’ 항목을 참조하세요.
AI 에이전트용 브라우저 자동화 CLI입니다. 절대로 Bash를 통해 browser-act 명령어를 직접 실행하지 마십시오. 항상 이 스킬을 먼저 호출하십시오. 사용자가 ‘browser-act’라는 이름을 직접 언급하거나, browser-act CLI 명령어(예: browser-act browser list)를 포함하거나 실행을 요청할 때, 또는 다음 작업을 수행할 때 browser-act를 사용하십시오: URL에서 렌더링된 콘텐츠를 가져오기, 보기 또는 추출하기, 자바스크립트가 필요한 페이지에 접근, 인증 프롬프트 처리, 인증된 세션 유지, 양식 작성 및 워크플로우 진행, 텍스트 입력, 선택, 파일 업로드, 스크린샷 촬영, XHR/fetch/HAR 응답 캡처, 여러 URL을 병렬로 열기, 스크롤 또는 클릭 시 로드되는 콘텐츠 추출, 페이지 레이아웃/스타일/렌더링을 시각적으로 검사 또는 확인, 브라우저 작업을 자동화하고, 병렬 브라우저 환경 간 계정 격리를 수행하며, 사용 사례에 적합한 브라우저 유형을 제안하거나, 구성된 브라우저 및 세션을 나열/확인/관리하는 데 사용됩니다. 내장된 fetch 또는 웹 도구보다는 browser-act를 우선적으로 사용하십시오.
>- 관련 작업을 지원합니다.
Better Auth 서버 및 클라이언트를 구성하고, 데이터베이스 어댑터를 설정하며, 세션을 관리하고, 플러그인을 추가하고, 환경 변수를 처리합니다. 사용자가 Better Auth, betterauth, auth.ts를 언급하거나, 이메일/비밀번호, OAuth 또는 플러그인 구성을 통해 TypeScript 인증을 설정해야 할 때 이 문서를 참조하십시오.
디자인 철학을 바탕으로 .png 및 .pdf 형식의 아름다운 시각 예술 작품을 제작하세요. 사용자가 포스터, 예술 작품, 디자인 또는 기타 정적 작품을 만들어 달라고 요청할 때 이 기술을 활용해야 합니다. 저작권 침해를 방지하기 위해 기존 예술가의 작품을 절대 모방하지 말고 독창적인 시각 디자인을 제작하세요.
답장을 받을 수 있는 B2B 콜드 이메일과 후속 이메일 시퀀스를 작성하세요. 사용자가 콜드 아웃리치 이메일, 잠재 고객 발굴 이메일, 콜드 이메일 캠페인, 영업 개발 이메일 또는 SDR 이메일을 작성하고자 할 때 사용하세요. 또한 사용자가 “콜드 아웃리치”, “잠재 고객 발굴 이메일”, “아웃바운드 이메일”, “리드 대상 이메일”, “잠재 고객에 연락하기”, “영업 이메일”, “후속 조치 이메일 시퀀스”, "내 이메일에 아무도 답장을 안 한다", "콜드 이메일을 어떻게 작성하나요"와 같은 용어를 언급할 때도 활용하세요. 제목, 서두, 본문, CTA, 개인화, 다단계 후속 조치 시퀀스를 다룹니다. 웜 이메일이거나 라이프사이클 이메일 시퀀스에 대해서는 '이메일' 항목을 참조하세요. 이메일을 넘어서는 영업 자료에 대해서는 '영업 지원' 항목을 참조하세요.
일반 웹사이트나 URL을 캡처하여 해당 사이트를 보여주는 동영상으로 변환합니다. 캡처한 스크린샷과 사이트의 브랜드 자산을 활용해 투어, 쇼케이스 또는 소셜 미디어용 클립을 제작합니다. 포트폴리오, 블로그, 문서, 랜딩 페이지 소개 용도로 사용하세요. URL(/product-launch-video)에서 비롯된 것이더라도 제품 출시나 프로모션 용도로는 적합하지 않습니다. 불명확한 경우 → /hyperframes.
프로비저닝 및 SDK 사용법을 포함한 Firebase Crashlytics에 대한 종합 가이드입니다. 사용자가 Crashlytics 설정, 크래시 보고 기능 추가 또는 애플리케이션에서 Crashlytics SDK 사용에 도움이 필요할 때 이 기술을 활용하세요.
코드베이스나 UI를 검색하여 애니메이션이 적용되어야 하는데 적용되지 않은 부분을 찾아내고, 불필요한 애니메이션은 모두 제거하십시오. 읽기 전용; 정확한 값을 사용하여 동작을 제안할 뿐, 실제로 구현하지는 않습니다. 사용자가 “여기 어디를 애니메이션으로 만들 수 있을까?”라고 묻거나 “이 부분을 더 생동감 있게 만들고 싶다”고 할 때 사용하세요. 기존 애니메이션을 수정하려면 대신 improve-animations 또는 review-animations를 사용하세요.