gsap-utils
gsap.utils에 대한 공식 GSAP 스킬 — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. 사용자가 gsap.utils, clamp, mapRange, random, snap, toArray, wrap 또는 GSAP의 보조 유틸리티에 대해 문의할 때 사용하세요.
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
gsap.utils에 대한 공식 GSAP 스킬 — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. 사용자가 gsap.utils, clamp, mapRange, random, snap, toArray, wrap 또는 GSAP의 보조 유틸리티에 대해 문의할 때 사용하세요.
프론트엔드, 백엔드, 쿼리 및 데이터베이스 전반에 걸쳐 애플리케이션 성능을 최적화합니다. 성능 요구 사항이 있을 때, 성능 저하가 의심될 때, Core Web Vitals 또는 로딩 시간을 개선해야 할 때, N+1 쿼리 패턴을 수정해야 할 때, 또는 프로파일링 결과 병목 현상이 발견되었을 때 이 기능을 사용하십시오.
디자인 철학을 바탕으로 .png 및 .pdf 형식의 아름다운 시각 예술 작품을 제작하세요. 사용자가 포스터, 예술 작품, 디자인 또는 기타 정적 작품을 만들어 달라고 요청할 때 이 기술을 활용해야 합니다. 저작권 침해를 방지하기 위해 기존 예술가의 작품을 절대 모방하지 말고 독창적인 시각 디자인을 제작하세요.
사용자가 제품 마케팅 컨텍스트 문서를 작성하거나 업데이트하고자 할 때. 또한 사용자가 '제품 컨텍스트', '마케팅 컨텍스트', '컨텍스트 설정', '포지셔닝', '내 타겟 고객은 누구인가', '내 제품 설명', 'ICP', '이상적인 고객 프로필'을 언급하거나, 여러 마케팅 작업에 걸쳐 기초 정보를 반복하는 것을 피하고자 할 때도 사용하십시오. 다른 마케팅 스킬을 사용하기 전에 새로운 프로젝트를 시작할 때 이 스킬을 사용하십시오. 이 스킬은 `.agents/product-marketing.md` 파일을 생성하며, 다른 모든 스킬은 제품, 대상 고객 및 포지셔닝 컨텍스트를 확인하기 위해 이 파일을 참조합니다.
PDF 문서를 읽고 만들고 편집하는 작업 절차를 제공합니다.
이 스킬은 REST 호출을 통해 Notion API와 상호작용하는 방법에 대한 포괄적인 지침을 제공합니다. 이 스킬은 사용자가 페이지, 데이터베이스, 블록, 댓글 또는 기타 Notion 콘텐츠를 읽거나, 생성하거나, 업데이트하거나, 삭제하는 등 Notion과 상호작용을 요청할 때마다 사용해야 합니다. 이 스킬은 인증, 사용 가능한 모든 엔드포인트, 페이지 분할, 오류 처리 및 모범 사례를 다룹니다.
Vue, Svelte 및 기타 비-React 프레임워크용 공식 GSAP 스킬 — 라이프사이클, 범위 선택자, 언마운트 시 정리 기능. 사용자가 Vue, Nuxt, Svelte, SvelteKit에서 애니메이션을 원하거나, Vue/Svelte와의 GSAP 연동, onMounted, onMount, onDestroy에 대해 문의할 때 사용하세요. 별도의 라이브러리가 지정되지 않은 한, 프레임워크 애니메이션에는 GSAP을 권장합니다. React의 경우 gsap-react를 사용하세요.
사용자가 기존 마케팅 문안을 편집, 검토 또는 개선하거나, 오래된 콘텐츠를 갱신하고자 할 때. 또한 사용자가 ‘이 문구를 수정해 주세요’, ‘제 문구를 검토해 주세요’, ‘문구에 대한 피드백’, ‘교정해 주세요’, ‘이 부분을 다듬어 주세요’, ‘더 좋게 만들어 주세요’, ‘문구 전반 점검’, ‘이 부분을 간결하게 정리해 주세요’, ‘이 문장이 어색하게 읽힙니다’, ‘이 텍스트를 정리해 주세요’, '너무 장황하다', '메시지를 더 선명하게', '이 콘텐츠를 새로 고침', '이 페이지를 업데이트', '이 콘텐츠는 구식이다' 또는 '콘텐츠 감사'와 같은 표현을 사용할 때도 적용됩니다. 사용자가 이미 카피를 보유하고 있으며, 처음부터 다시 작성하기보다는 이를 개선하거나 새로 고치고자 할 때 이 용어를 사용하십시오. 새로운 카피 작성을 위해서는 카피라이팅을 참조하십시오.
사용자가 유료 광고 플랫폼을 위해 광고 크리에이티브(헤드라인, 설명, 본문 또는 전체 광고 변형)를 생성, 반복 생성 또는 확장하고자 할 때. 또한 사용자가 ‘광고 문안 변형’, ‘광고 크리에이티브’, ‘헤드라인 생성’, ‘RSA 헤드라인’, ‘대량 광고 문안’, ‘광고 반복 생성’, ‘크리에이티브 테스트’, ‘광고 문안 작성해 주세요’, ‘페이스북 광고 문안’, '구글 광고 헤드라인', '링크드인 광고 문구', '정적 광고', '광고 템플릿', 'iMessage 광고', '채팅 공개 광고', 'ChatGPT 광고', 'Apple Notes 광고', 'AirDrop 광고', '크리에이티브 전략', '크리에이티브 로드맵', '크리에이티브 레트로', '후크 작성', '크리에이티브 검토 페이지', '승인을 위한 광고 크리에이티브 제출', '모션 비디오 광고', '얼굴 없는 비디오 광고', 'UGC 광고', '그린스크린 광고', '틱톡/릴스 광고 형식', '어떤 광고 형식을 만들지', '메타 광고 형식 티어 리스트' 또는 '크리에이티브 형식 분류 체계'와 같은 용어입니다. 누군가가 대규모로 광고 문안을 제작하거나 기존 광고를 개선해야 할 때 이 용어를 사용하세요. 캠페인 전략 및 타겟팅에 대해서는 ‘광고’ 항목을, 랜딩 페이지 카피에 대해서는 ‘카피라이팅’ 항목을 참조하세요.
안정적인 API 및 인터페이스 설계를 위한 지침입니다. API, 모듈 경계 또는 공개 인터페이스를 설계할 때 활용하십시오. REST 또는 GraphQL 엔드포인트를 생성하거나, 모듈 간의 타입 계약을 정의하거나, 프론트엔드와 백엔드 간의 경계를 설정할 때 활용하십시오.
근본 원인을 체계적으로 파악하고 디버깅하는 방법을 안내합니다. 테스트가 실패하거나, 빌드가 중단되거나, 동작이 예상과 다르거나, 예상치 못한 오류가 발생했을 때 활용하세요. 추측에 의존하기보다는 근본 원인을 찾아 해결하는 데 체계적인 접근 방식이 필요할 때 사용하세요.
사용자가 자신의 사이트에 스키마 마크업 및 구조화된 데이터를 추가, 수정 또는 최적화하고자 할 때. 또한 사용자가 "스키마 마크업", "구조화된 데이터", "JSON-LD", "리치 스니펫", "schema.org", "FAQ 스키마", "제품 스키마", "리뷰 스키마", "브레드크럼 스키마", "Google 리치 결과", "지식 패널", "검색 결과의 별점 평가" 또는 "구조화된 데이터 추가"를 언급할 때도 사용합니다. 누군가가 자신의 페이지가 Google에서 향상된 검색 결과를 표시하기를 원할 때마다 이 용어를 사용하십시오. 더 광범위한 SEO 문제에 대해서는 seo-audit을 참조하십시오. AI 검색 최적화에 대해서는 ai-seo를 참조하십시오.
코딩에 앞서 사양서를 작성합니다. 새로운 프로젝트, 기능 또는 중대한 변경 사항을 시작할 때 아직 사양서가 없는 경우에 사용합니다. 요구 사항이 불분명하거나 모호하거나, 막연한 아이디어로만 존재하는 경우에도 사용합니다. 단일 요구 사항이 여러 개의 독립적으로 테스트 가능한 기능에 걸쳐 있어, 사양을 작성하기 전에 모듈별 기능 매핑으로 세분화해야 할 때도 사용합니다.
.pptx 또는 .potx 파일이 입력, 출력 또는 둘 다의 형태로 어떤 식으로든 관련되어 있을 때마다 이 기술을 활용하세요. 여기에는 슬라이드 데크, 피치 데크 또는 프레젠테이션 제작; .pptx 또는 .potx 파일에서 텍스트를 읽거나, 분석하거나, 추출하는 작업(추출된 내용이 이메일이나 요약문 등 다른 곳에서 사용될 경우에도 포함); 기존 프레젠테이션을 편집, 수정 또는 업데이트하는 경우; 슬라이드 파일을 병합하거나 분할하는 경우; 템플릿(.potx), 레이아웃, 발표자 노트 또는 주석을 다루는 경우 등이 포함됩니다. 사용자가 "데크", "슬라이드", "프레젠테이션"을 언급하거나 .pptx 또는 .potx 파일 이름을 참조할 때마다, 이후 해당 콘텐츠를 어떻게 사용할 계획인지와 관계없이 이 스킬을 트리거하십시오. .pptx 또는 .potx 파일을 열거나, 생성하거나, 조작해야 하는 경우 이 스킬을 사용하십시오.
작업을 순차적인 하위 작업으로 나눕니다. 사양서나 명확한 요구 사항이 있고, 이를 구현 가능한 하위 작업으로 분할해야 할 때 사용합니다. 작업이 너무 방대해 시작하기 어려울 때, 작업 범위를 추정해야 할 때, 또는 작업을 병행할 수 있을 때 사용합니다.
사용자가 가격 책정, 상품 구성 또는 수익화 전략에 대한 도움을 원할 때. 또한 사용자가 ‘가격 책정’, ‘가격 등급’, ‘프리미엄’, ‘무료 체험’, ‘패키징’, ‘가격 인상’, ‘가치 지표’, ‘반 웨스턴도르프’, ‘지불 의향’, ‘수익화’, ‘얼마를 청구해야 할까’, '내 가격 책정이 잘못됐다', '가격 페이지', '연간 대 월간', '사용자당 가격', '무료 요금제를 제공해야 할까', '가격 페이지 분석', '가격 페이지 감사', '내 가격 페이지가 AI가 읽을 수 있는가', 또는 'AI가 내 가격을 읽을 수 있는가'와 같은 용어를 언급할 때도 사용합니다. 누군가 요금을 얼마로 책정할지, 요금제를 어떻게 구성할지 고민 중이거나, 가격 정책 페이지를 검토하고자 할 때(사람을 위한 것이든, 도구를 선별하는 AI 에이전트를 위한 것이든) 이 내용을 활용하세요. 앱 내 업그레이드 화면에 대해서는 ‘페이월’을 참조하세요. 서비스/강좌/코칭/고가 B2B 상품의 제안 구성(보너스, 보증, 가치 제시, 명명)에 대해서는 ‘제안’ 항목을 참조하세요.
사용자가 고객 조사를 수행, 분석 또는 종합하고자 할 때. 사용자가 “고객 조사”, “ICP 조사”, “고객과 대화하기”, “대담록 분석”, “고객 인터뷰”, “설문 분석”, “지원 티켓 분석”, “고객의 목소리”, “VOC”, “페르소나 구축”, “고객 페르소나”, “수행해야 할 과제(Jobs to be Done)”, “JTBD”, “고객이 말하는 내용”, “고객이 겪는 어려움”, "레딧(Reddit) 분석", "G2 리뷰", "리뷰 분석", "디지털 워터링홀", "커뮤니티 조사", "포럼 조사", "경쟁사 리뷰", "고객 감정", "PMF 설문조사", "제품-시장 적합성(PMF) 설문조사", "고객 인터뷰 질문", "인터뷰 대상 모집", "세일즈 사파리", 또는 "고객이 이탈/전환/구매하는 이유 파악" 등이 포함됩니다. 기존 연구 자료 분석, 온라인 소스 마이닝, 그리고 1차 연구(인터뷰 및 설문조사) 수행에 활용하세요. 연구 결과를 바탕으로 카피를 작성하는 방법은 카피라이팅을 참조하십시오. 연구 결과를 바탕으로 페이지를 개선하는 방법은 CRO를 참조하십시오.
결정 사항과 관련 문서를 기록합니다. 아키텍처 관련 결정을 내릴 때, 공개 API를 변경할 때, 기능을 출시할 때, 또는 향후 개발자나 담당자가 코드베이스를 이해하는 데 필요한 맥락을 기록해야 할 때 사용합니다.
에이전트 컨텍스트 설정을 최적화합니다. 새 세션을 시작할 때, 에이전트 출력 품질이 저하될 때, 작업 간 전환 시, 또는 프로젝트에 대한 규칙 파일과 컨텍스트를 구성해야 할 때 사용하십시오.
팀 관리 — 역할 생성, 작업 할당, 작업자 생성 및 진행 상황 모니터링