find-skills
하려는 작업에 맞는 에이전트 스킬을 검색하고 설치 방법을 안내합니다.
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
하려는 작업에 맞는 에이전트 스킬을 검색하고 설치 방법을 안내합니다.
계획이나 설계를 더 탄탄하게 다듬도록 집요하게 질문하고 검토합니다.
HyperFrames CLI 개발 루프를 사용하세요: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, 단일 또는 일괄 렌더링, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, auth, tts, remove-background를 활용하세요. 또한 빌드 또는 렌더링 오류 진단 시에도 사용하십시오. validate, inspect, layout은 더 이상 사용되지 않는 별칭이므로 check를 사용하십시오. 로컬, HeyGen 호스팅 클라우드, AWS Lambda 및 Google Cloud Run 렌더링을 다룹니다.
AI 에이전트가 웹사이트 탐색, 입력, 클릭, 화면 캡처, 데이터 추출과 웹 테스트를 자동화하도록 지원합니다.
필수 확인 사항: 프로모션, 설명 영상, 자막이 포함된 클립, 타이틀 카드, 오버레이, 슬라이드쇼, 인터랙티브 데크, Remotion 포트 또는 HyperFrames HTML 컴포지션을 포함하여, 동영상, 애니메이션 또는 모션 그래픽을 요청, 생성, 편집, 애니메이션 적용 또는 렌더링하려는 경우 반드시 이 내용을 먼저 읽어보시기 바랍니다. 또한 기존 HyperFrames 프로젝트를 검사, 진단, 검증, 미리 보기, 게시하거나 일괄 렌더링할 때도 이 절차를 따르십시오. 입력 자료로는 웹사이트 URL, GitHub PR, Figma 디자인 또는 URL, 텍스트나 기획서, 기존 영상 자료, 음악 등이 있을 수 있습니다. 이 도구는 프로젝트 상태를 복원하고, 해당되는 경우 의도를 파악하며, 소유 워크플로를 선택 및 설치하고, 도메인 기능을 라우팅합니다. 사용자가 결과물에 대해 다른 프레임워크를 명시적으로 선택하거나 브라우저 세션만 기록하도록 요청하지 않는 한, HyperFrames가 기본 출력 프레임워크로 사용됩니다.
Agent Media OS는 HyperFrames 프로젝트에서 필요한 모든 미디어 요구 사항을 해결해 주는 단일 스킬입니다. BGM, SFX, 이미지, 아이콘, 브랜드 로고, 음성, 컬러 그레이딩 또는 LUT를 고정된 로컬 파일이나 붙여넣기 가능한 블록 + 원장 기록으로 변환합니다(단일 동사, `resolve`); 카탈로그에 해당 항목이 없을 경우 TTS/음악/이미지 모델을 통해 생성할 수 있으며, 하나의 공유 오디오 엔진을 통해 보이스오버, 텍스트 변환, 자막, 배경 제거를 생성할 수 있습니다. 또한 미디어에 대한 조작(컷/재구도/변형)이 가능하며, 프로젝트 간에 자산을 재사용할 수 있습니다. 또한 실제 영상이 어둡거나, 평면적이거나, 지루해 보인다는 식의 모호한 피드백이나, 레트로/캠코더/인쇄물/ASCII 느낌을 줘야 한다거나, 프라이버시가 보장되어야 한다거나, 미디어 공개가 필요하다는 등의 요청에도 활용할 수 있습니다.
계획이나 설계를 질문으로 구체화하면서 결정 기록과 용어집 문서도 함께 작성합니다.
사용자가 모바일 앱이나 UI 화면을 디자인하고자 할 때, Sleek(sleek.design) 프로젝트를 언급할 때, 또는 Sleek 디자인을 코드(HTML, React Native, SwiftUI)로 구현할 때 사용하세요.
사람들이 여러분이 제공하는 서비스를 진심으로 요청하는 레딧 스레드를 찾아, 짧고 진정으로 도움이 되는 답변을 작성하세요. 이때 자신의 소속을 솔직하게 밝히고, 질문에 대한 진정한 해답이 될 때에만 제품명을 언급해야 합니다. 두 가지 단계: 발견 — 적절한 서브레딧을 훑어보며 실제 수요(추천 요청, 표출된 불편함, 경쟁사 언급)를 파악하고, 실제로 도움을 줄 수 있는 몇 가지 게시물을 선별하세요; 작성 — 실제 경험을 바탕으로 글을 쓰고, 각 커뮤니티의 자기 홍보 규칙을 준수하며, 검토 및 게시를 위해 담당자가 직접 관여하도록 하세요. 이것이 바로 레딧에서 정직하게 마케팅하는 방법입니다: 가치를 제공하고, 자신의 신원을 밝히며, 절대 가짜 계정을 통해 조작된 의견을 게시하지 마세요. 이 내용은 doany.ai의 레딧 에이전트 운영 지침서에서 발췌한 것입니다. “레딧 기회 찾기”, “레딧 마케팅”, “레딧 자동화”, “내 제품에 대한 레딧 댓글 달기”, “레딧 커뮤니티 참여”, “레딧 리드 생성” 또는 레딧 스레드를 진실되고 신원이 공개된 마케팅 답변으로 전환해 달라는 요청이 있을 때 트리거됩니다.
코드베이스를 분석해 구조를 개선할 지점을 시각적 보고서로 제시하고 선택한 항목을 구체화합니다.
HyperFrames 컴포지션에 레지스트리 블록과 컴포넌트를 설치, 검색 및 연결합니다. hyperframes add 또는 hyperframes catalog를 실행할 때, 특정 항목을 하나 설치하거나 태그와 일치하는 모든 블록을 설치할 때, 설치된 항목을 index.html에 연결할 때, 또는 hyperframes.json을 다룰 때 사용합니다. 이 문서에서는 탐색, 설치 위치, 블록 하위 컴포지션 연결, 컴포넌트 스니펫 병합, 그리고 업스트림에 기여할 새로운 블록이나 컴포넌트 제작(아이디어 → 스캐폴드 → 검증 → PR)에 대해 다룹니다.
기능 개발과 오류 수정을 실패 테스트부터 시작하는 테스트 주도 개발 방식으로 진행합니다.
다른 엔지니어링 스킬을 사용하기 전에 이슈 추적기, 분류 라벨과 도메인 문서 구조를 설정합니다.
다른 에이전트가 작업을 이어받을 수 있도록 현재 대화를 간결한 인수인계 문서로 정리합니다.
개성 있고 완성도 높은 웹 인터페이스를 설계하고 구현하도록 안내합니다.
계획이나 결정, 아이디어의 허점을 찾을 수 있도록 집요한 질문으로 사고를 검증합니다.
설계 가정을 빠르게 검증할 일회성 프로토타입을 만들어 상태 모델, 로직 또는 UI 방향을 살펴봅니다.
이슈와 외부 PR을 분류·검증하고 필요한 질문을 거쳐 에이전트가 처리할 수 있는 작업 문서로 만듭니다.
Give your coding agent better UI taste. Build and polish web and iOS interfaces with Uizze's anti-ui-slop playbooks and optional real-product references. Use for UI design, implementation, redesign, critique, or a final visual review in Claude Code, Codex, Cursor, or Copilot.
HyperFrames에 관한 모든 애니메이션 지식 — 원자적 모션 규칙, 다단계 씬 블루프린트, 씬 전환, 광범위한 모션 디자인 기법, 그리고 7가지 런타임 어댑터(GSAP 기본값, Lottie, Three.js, Anime.js, CSS 키프레임, Web Animations API, TypeGPU)까지. 모든 모션 또는 애니메이션 작업에 활용 가능: 2~4가지 규칙을 선택하여 조합하거나, 블루프린트를 불러오거나, 런타임별 API(예: GSAP 이즈 / Lottie 플레이어 / Three.js 믹서)를 참조하세요. 또한 기존 컴포지션의 안무(애니메이션 맵) 검토와 24가지 명명된 텍스트 애니메이션 효과도 다룹니다. HyperFrames 고유 기능: 단일 일시 정지 타임라인, 탐색 안전, 결정론적 동작.