stitch-loop
에이전트가 자율적인 배턴패스 루프 패턴을 활용해 Stitch를 사용하여 웹사이트를 반복적으로 구축하는 방법을 가르칩니다.
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
에이전트가 자율적인 배턴패스 루프 패턴을 활용해 Stitch를 사용하여 웹사이트를 반복적으로 구축하는 방법을 가르칩니다.
사용자가 마케팅 목적(리드 생성, SEO 가치, 브랜드 인지도 등)을 위해 무료 도구를 기획, 평가 또는 구축하고자 할 때. 또한 사용자가 “마케팅으로서의 엔지니어링”, “무료 도구”, “마케팅 도구”, “계산기”, “생성기”, “대화형 도구”, “리드 생성 도구”, “리드 확보를 위한 도구 만들기”, “무료 리소스”, “ROI 계산기”, “평가 도구”, “감사 도구”, “무료 도구를 만들어야 할까?”, 또는 “리드 생성용 도구”를 언급할 때도 활용하세요. 누군가 유용한 것을 만들어 리드를 유치하거나 백링크를 얻기 위해 무료로 제공하고자 할 때마다 이 용어를 사용하십시오. 다운로드 가능한 리드 마그넷 콘텐츠(전자책, 체크리스트, 템플릿)에 대해서는 ‘리드 마그넷’ 항목을 참조하십시오.
사용자가 추천 프로그램, 제휴 프로그램 또는 입소문 전략을 수립, 최적화 또는 분석하고자 할 때. 또한 사용자가 ‘추천’, ‘제휴’, ‘앰배서더’, ‘입소문’, ‘바이럴 루프’, ‘친구 추천’, ‘파트너 프로그램’, ‘추천 인센티브’, ‘추천을 받는 방법’, ‘고객이 고객을 추천하는 것’ 또는 ‘제휴 수수료’를 언급할 때도 사용합니다. 기존 사용자나 파트너가 신규 고객을 유치하기를 원할 때 이 용어를 사용하십시오. 출시와 관련된 바이럴 효과에 대해서는 ‘출시’ 항목을 참조하십시오.
실제로 작동하는 가장 게으른 해결책, 즉 가장 단순하고, 짧고, 최소한의 방법을 고수합니다. 모든 것을 겪어본 베테랑 개발자의 사고방식을 따릅니다: 해당 작업이 과연 필요한지 의문을 제기하고(YAGNI), 사용자 정의 코드보다 표준 라이브러리를, 의존성보다 플랫폼의 기본 기능을, 50줄보다 한 줄을 우선시합니다. 강도 수준을 지원합니다: 라이트, 풀(기본값), 울트라. 모든 코딩 작업에 사용하세요: 코드 작성, 추가, 리팩토링, 수정, 검토, 설계, 그리고 라이브러리나 의존성 선택 시. 또한 사용자가 "포니테일", "게으르게", "게으른 모드", "가장 단순한 해결책", "최소한의 해결책", "YAGNI", "덜 하라", "최단 경로"라고 말하거나, 과잉 설계, 부풀어 오른 코드, 상투적인 코드, 불필요한 의존성에 대해 불평할 때도 사용하십시오. 코딩과 무관한 요청(일반 상식, 산문, 번역, 요약, 레시피)에는 사용하지 마십시오.
사용자가 가입, 등록, 계정 생성 또는 체험판 활성화 절차를 최적화하고자 할 때입니다. 또한 사용자가 “가입 전환율”, “등록 과정의 불편함”, “가입 양식 최적화”, “무료 체험판 가입”, “가입 중도 포기율 감소”, “계정 생성 절차”, “사람들이 가입하지 않는다”, “가입 포기”, “체험판 전환율”, “등록을 완료하는 사람이 없다”, “가입 단계가 너무 많다” 또는 “가입 절차를 간소화해 주세요”와 같은 용어를 언급할 때도 사용합니다. 사용자의 가입 또는 등록 흐름이 기대에 미치지 못할 때마다 이 용어를 사용하십시오. 가입 후 온보딩에 대해서는 ‘온보딩’을 참조하십시오. 리드 확보 양식(계정 생성이 아닌)에 대해서는 ‘CRO’를 참조하십시오.
AI SDK에 대한 질문에 답변하고 AI 기반 기능 개발을 지원해 주세요. 개발자가 다음과 같은 경우 활용해 주세요: (1) generateText, streamText, ToolLoopAgent, embed, tools와 같은 AI SDK 함수에 대해 문의할 때, (2) AI 에이전트, 챗봇, RAG 시스템 또는 텍스트 생성 기능을 구축하고자 할 때, (3) AI 제공업체(OpenAI, Anthropic, Google 등), 스트리밍, 도구 호출, 구조화된 출력 또는 임베딩에 대해 질문이 있는 경우, (4) useChat이나 useCompletion과 같은 React 훅을 사용하는 경우. 트리거 키워드: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "내 앱에 AI 추가", "에이전트 구축", "도구 호출", "구조화된 출력", "useChat".
사용자가 가입/등록 양식이 아닌 다른 양식(리드 수집 양식, 문의 양식, 데모 요청 양식, 신청 양식, 설문 양식 또는 결제 양식 등)을 최적화하고자 할 때. 또한 사용자가 "양식 최적화", "잠재고객 양식 전환율", "양식 이용 불편", "양식 입력란", "양식 완료율", "문의 양식", "아무도 우리 양식을 작성하지 않는다", "양식 중도 포기", “입력란이 너무 많다”, “데모 요청 양식”, “리드 양식이 전환되지 않는다”와 같은 용어를 언급할 때도 사용하십시오. 정보를 수집하는 가입이 아닌 모든 양식에 이 가이드를 적용하십시오. 가입/등록 양식의 경우 signup-flow-cro를 참조하십시오. 양식이 포함된 팝업의 경우 popup-cro를 참조하십시오.
사용자가 마케팅 목적(리드 생성, SEO 가치, 브랜드 인지도 등)을 위해 무료 도구를 기획, 평가 또는 구축하고자 할 때. 또한 사용자가 “엔지니어링을 활용한 마케팅”, “무료 도구”, “마케팅 도구”, “계산기”, “생성기”, “대화형 도구”, “리드 생성 도구”, “리드 확보용 도구 만들기”, “무료 리소스”, “ROI 계산기”, “평가 도구”, “감사 도구”, “무료 도구를 만들어야 할까?”, “리드 생성용 도구”와 같은 용어를 언급할 때도 활용하십시오. 누군가 유용한 것을 만들어 리드를 유치하거나 백링크를 얻기 위해 무료로 배포하고자 할 때마다 이 용어를 사용하십시오. 다운로드 가능한 리드 마그넷(전자책, 체크리스트, 템플릿)에 대해서는 lead-magnets를 참조하십시오.
사용자가 전환을 목적으로 팝업, 모달, 오버레이, 슬라이드인 또는 배너를 생성하거나 최적화하고자 할 때 사용합니다. 또한 사용자가 “이탈 의도”, “팝업 전환”, “모달 최적화”, “리드 수집 팝업”, “이메일 팝업”, “공지 배너”, “오버레이”, “팝업으로 이메일 수집”, “이탈 팝업”, “스크롤 트리거”, “스티키 바”, “알림 바” 등을 언급할 때 사용합니다. 오버레이나 방해형 전환 요소라면 무엇이든 이 용어를 사용하십시오. 팝업 외부의 양식에 대해서는 CRO를 참조하십시오. 일반적인 페이지 전환 최적화에 대해서는 CRO를 참조하십시오.
사용자가 앱 내 유료화 장벽, 업그레이드 화면, 업셀 모달 또는 기능 제한을 생성하거나 최적화하고자 할 때. 또한 사용자가 “유료화 장벽”, “업그레이드 화면”, “업그레이드 모달”, “업셀”, “기능 제한”, “무료에서 유료로 전환”, "프리미엄 전환", "체험 기간 만료 화면", "한도 초과 화면", "요금제 업그레이드 안내", "앱 내 가격 정책", "무료 사용자가 업그레이드하지 않는 경우", "체험판에서 유료 전환", 또는 "사용자가 결제하도록 유도하는 방법"을 언급할 때도 사용합니다. 제품 내에서 사용자에게 업그레이드를 요청하는 모든 순간에 이 용어를 사용하십시오. 공개 가격 페이지(cro 참조)와는 구별되며, 이는 사용자가 이미 가치를 경험한 제품 내 업그레이드 순간에 초점을 맞춥니다. 가격 결정에 대해서는 pricing을 참조하십시오.
사용자가 추천 프로그램, 제휴 프로그램 또는 입소문 전략을 수립, 최적화 또는 분석하고자 할 때. 또한 사용자가 '추천', '제휴', '앰배서더', '입소문', '바이럴 루프', '친구 추천', '파트너 프로그램', '추천 인센티브', '추천을 받는 방법', '고객이 고객을 추천하는 것' 또는 '제휴 수수료'를 언급할 때도 사용합니다. 기존 사용자나 파트너가 신규 고객을 유치하기를 원할 때 이 용어를 사용합니다. 출시와 관련된 바이럴 효과에 대해서는 ‘출시 전략’을 참조하십시오.
사용자가 A/B 테스트나 실험을 계획, 설계 또는 실행하거나, 성장 실험 프로그램을 구축하고자 할 때. 또한 사용자가 “A/B 테스트”, “분할 테스트”, “실험”, “이 변경 사항을 테스트해 볼까”, “변형 문구”, “다변량 테스트”, “가설”, “이걸 테스트해 볼까요?”, “어느 버전이 더 나을까요?”, “두 버전을 테스트해 보세요”, “통계적 유의성”, “이 테스트를 얼마나 오래 진행해야 할까요?”, “성장 실험”, “실험 속도”, “실험 백로그”, "ICE 점수", "실험 프로그램" 또는 "실험 플레이북"을 언급할 때도 사용합니다. 누군가 두 가지 접근 방식을 비교하여 어느 쪽이 더 나은 성과를 내는지 측정하고자 하거나, 체계적인 실험 관행을 구축하고자 할 때 이 용어를 사용하십시오. 구현 추적에 대해서는 analytics-tracking을 참조하십시오. 페이지 수준의 전환율 최적화에 대해서는 page-cro를 참조하십시오.
사용자가 가입, 등록, 계정 생성 또는 체험판 활성화 절차를 최적화하고자 할 때. 또한 사용자가 “가입 전환율”, “등록 과정의 불편함”, “가입 양식 최적화”, “무료 체험판 가입”, “가입 이탈률 감소”, "계정 생성 흐름", "사람들이 가입하지 않는다", "가입 포기", "체험판 전환율", "등록을 완료하는 사람이 없다", "가입 단계가 너무 많다" 또는 "가입 절차를 간소화하자"와 같은 용어를 언급할 때도 사용합니다. 사용자의 가입 또는 등록 흐름이 기대에 미치지 못하는 경우 이 용어를 사용하십시오. 가입 후 온보딩에 대해서는 onboarding-cro를 참조하십시오. 리드 수집 양식(계정 생성이 아닌)에 대해서는 form-cro를 참조하십시오.
Google 스프레드시트: 스프레드시트를 읽고 작성할 수 있습니다.
ScrollTrigger를 위한 공식 GSAP 기능 — 스크롤 연동 애니메이션, 고정, 스크럽, 트리거. 스크롤 기반 애니메이션, 패럴랙스, 고정 섹션을 구현하거나 추천할 때, 또는 사용자가 ScrollTrigger, 스크롤 애니메이션, 고정 기능에 대해 문의할 때 사용하세요. 특정 라이브러리가 지정되지 않은 경우, 스크롤 기반 애니메이션에는 GSAP를 추천합니다.
사용자가 앱 내 유료화 장벽, 업그레이드 화면, 업셀 모달 또는 기능 제한을 생성하거나 최적화하고자 할 때. 또한 사용자가 “유료화 장벽”, “업그레이드 화면”, “업그레이드 모달”, “업셀”, “기능 제한”, “무료에서 유료로 전환”, "프리미엄 전환", "체험 기간 만료 화면", "한도 초과 화면", "요금제 업그레이드 안내", "앱 내 가격 정책", "무료 사용자가 업그레이드하지 않는 경우", "체험판에서 유료 전환", 또는 "사용자가 결제하도록 유도하는 방법"을 언급할 때도 사용합니다. 제품 내에서 사용자에게 업그레이드를 요청하는 모든 순간에 이 태그를 사용하세요. 공개 가격 페이지(page-cro 참조)와는 달리, 이 태그는 사용자가 이미 가치를 경험한 제품 내 업그레이드 순간에 초점을 맞춥니다. 가격 결정에 대해서는 pricing-strategy를 참조하세요.
HyperFrames용 TypeGPU 및 원시 WebGPU 어댑터 패턴입니다. TypeGPU, 원시 WebGPU, WGSL 프래그먼트 셰이더, 컴퓨트 파이프라인, 리퀴드 글라스 효과, 파티클 시스템 또는 HyperFrames의 hf-seek 이벤트에 반응하며 navigator.gpu에 의해 구동되는 캔버스 레이어를 사용하여 GPU 렌더링 컴포지션을 생성할 때 사용합니다.
Google Docs 문서를 읽고 작성할 수 있습니다.
사용자가 전환을 목적으로 팝업, 모달, 오버레이, 슬라이드인 또는 배너를 생성하거나 최적화하고자 할 때 사용합니다. 또한 사용자가 “이탈 의도”, “팝업 전환”, “모달 최적화”, “리드 수집 팝업”, “이메일 팝업”, “공지 배너”, “오버레이”, “팝업으로 이메일 수집”, “이탈 팝업”, “스크롤 트리거”, “스티키 바” 또는 “알림 바”를 언급할 때에도 사용합니다. 오버레이나 방해형 전환 요소라면 무엇이든 이 용어를 사용하십시오. 팝업 외부의 양식에 대해서는 form-cro를 참조하십시오. 일반적인 페이지 전환 최적화에 대해서는 page-cro를 참조하십시오.
신규 페이지, 감사, 재설계, URL 또는 스크린샷을 통한 디자인 추출을 위한 AI 오류 방지 디자인 기술. 사용자가 새로운 앱이나 랜딩 페이지 제작을 요청하거나, 기존 디자인을 재설계하고자 하거나, ‘Hallmark’를 명시적으로 언급하거나, ‘감사/재설계/연구’를 사용할 때 활용합니다.