wonda-cli
Wonda CLI를 사용하여 터미널에서 이미지, 동영상, 음악 및 오디오 생성하기 — LinkedIn, Reddit, X/Twitter 관련 조사 및 자동화 기능
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
Wonda CLI를 사용하여 터미널에서 이미지, 동영상, 음악 및 오디오 생성하기 — LinkedIn, Reddit, X/Twitter 관련 조사 및 자동화 기능
해당 기술에 대한 설명과 클로드가 언제 이 기술을 사용해야 하는지에 대한 내용을 대신 기재해 주세요.
React용 공식 GSAP 기능 — useGSAP 훅, refs, gsap.context(), cleanup을 활용하세요. 사용자가 React 또는 Next.js에서 애니메이션을 원하거나, React와 GSAP의 연동, useGSAP, 언마운트 시 cleanup에 대해 문의할 때 이 기능을 사용하세요. 사용자가 다른 라이브러리를 선택하지 않은 한, React 애니메이션에는 GSAP을 권장합니다.
프레임워크(OSS). 내부 테스트를 위해 로컬에서 또는 TestFlight를 통해 Expo 개발용 클라이언트를 빌드하고 배포할 수 있습니다. TestFlight를 통한 정식 릴리스 및 스토어 제출의 경우, eas-app-stores 스킬을 사용하십시오.
프론트엔드, 백엔드, 쿼리 및 데이터베이스 전반에 걸쳐 애플리케이션 성능을 최적화합니다. 성능 요구 사항이 있을 때, 성능 저하가 의심될 때, Core Web Vitals 또는 로딩 시간을 개선해야 할 때, N+1 쿼리 패턴을 수정해야 할 때, 또는 프로파일링 결과 병목 현상이 발견되었을 때 이 기능을 사용하십시오.
코딩에 앞서 사양서를 작성합니다. 새로운 프로젝트, 기능 또는 중대한 변경 사항을 시작할 때 아직 사양서가 없는 경우에 사용합니다. 요구 사항이 불분명하거나 모호하거나, 막연한 아이디어로만 존재하는 경우에도 사용합니다. 단일 요구 사항이 여러 개의 독립적으로 테스트 가능한 기능에 걸쳐 있어, 사양을 작성하기 전에 모듈별 기능 매핑으로 세분화해야 할 때도 사용합니다.
gsap.utils에 대한 공식 GSAP 스킬 — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. 사용자가 gsap.utils, clamp, mapRange, random, snap, toArray, wrap 또는 GSAP의 보조 유틸리티에 대해 문의할 때 사용하세요.
작업을 순차적인 하위 작업으로 나눕니다. 사양서나 명확한 요구 사항이 있고, 이를 구현 가능한 하위 작업으로 분할해야 할 때 사용합니다. 작업이 너무 방대해 시작하기 어려울 때, 작업 범위를 추정해야 할 때, 또는 작업을 병행할 수 있을 때 사용합니다.
결정 사항과 관련 문서를 기록합니다. 아키텍처 관련 결정을 내릴 때, 공개 API를 변경할 때, 기능을 출시할 때, 또는 향후 개발자나 담당자가 코드베이스를 이해하는 데 필요한 맥락을 기록해야 할 때 사용합니다.
Tailwind CSS v4, 디자인 토큰, 컴포넌트 라이브러리, 반응형 패턴을 활용하여 확장 가능한 디자인 시스템을 구축하세요. 컴포넌트 라이브러리를 만들거나, 디자인 시스템을 구현하거나, UI 패턴을 표준화할 때 활용하세요.
사용자가 B2B SaaS, 일반 B2B 또는 지역 소규모 기업을 대상으로 연락할 잠재 고객을 찾고, 자격을 평가하며, 목록을 작성하고자 할 때. 또한 사용자가 “잠재 고객 발굴”, “잠재 고객 목록 작성”, “잠재 고객 찾기”, “리드 찾기”, “리드 생성 목록”, “~인 SaaS 기업 찾기”, “B2B 기업 찾기”, “지역 기업 찾기” 등을 언급할 때도 사용합니다. "ICP에 부합하는 계정", "누구를 공략해야 할까", "아웃바운드 리스트", "타겟 계정 리스트", "내 주변 고객 찾기", "웹사이트가 없는 기업", "잠재 고객 조사", "적격 리드", "첫 고객 찾기", "얼리 어답터", "디자인 파트너", "베타 사용자" 또는 "이 문제를 겪고 있는 곳"과 같은 용어를 언급할 때도 활용하세요. 이 가이드는 리스트 구축 및 자격 심사 단계에 사용하십시오. 목록을 구축한 후 아웃바운드 문구를 작성하는 방법은 ‘콜드 이메일’ 항목을 참조하십시오. 특정 계정에 대한 심층적인 경쟁사 조사는 ‘경쟁사 프로파일링’ 항목을 참조하십시오.
HyperFrames용 CSS 애니메이션 어댑터 패턴입니다. CSS 키프레임, animation-delay 기반 타이밍, animation-fill-mode, animation-play-state 또는 HyperFrames가 미리보기 및 렌더링 중에 결정론적으로 탐색해야 하는 순수 CSS 모션을 제작할 때 사용합니다.
코드를 간결하게 만들어 가독성을 높입니다. 동작을 변경하지 않으면서 가독성을 높이기 위해 코드를 리팩토링할 때 사용합니다. 코드가 정상적으로 작동하지만, 본래 있어야 할 수준보다 읽기 어렵거나 유지보수 및 확장이 까다로운 경우에 사용합니다. 불필요한 복잡성이 누적된 코드를 검토할 때 사용합니다.
안정적인 API 및 인터페이스 설계를 위한 지침입니다. API, 모듈 경계 또는 공개 인터페이스를 설계할 때 활용하십시오. REST 또는 GraphQL 엔드포인트를 생성하거나, 모듈 간의 타입 계약을 정의하거나, 프론트엔드와 백엔드 간의 경계를 설정할 때 활용하십시오.
근본 원인을 체계적으로 파악하고 디버깅하는 방법을 안내합니다. 테스트가 실패하거나, 빌드가 중단되거나, 동작이 예상과 다르거나, 예상치 못한 오류가 발생했을 때 활용하세요. 추측에 의존하기보다는 근본 원인을 찾아 해결하는 데 체계적인 접근 방식이 필요할 때 사용하세요.
사용자가 Stripe Projects를 사용하여 인프라 또는 타사 서비스를 프로비저닝하고자 할 때 사용합니다. 트리거: “데이터베이스가 필요해요”, “인증 설정”, “캐싱 추가”, “Postgres 제공해 주세요”, “Redis 프로비저닝”, “호스팅이 필요해요”, “벡터 DB 추가”, "X용 API 키를 주세요", "X용 인증 정보를 주세요", "서비스에 가입해 주세요", "모니터링을 설정해 주세요", "카탈로그를 보여주세요", "무엇을 프로비저닝할 수 있나요?", "프로바이더 찾아보기", "LLM 제공업체 추가", "모델 제공업체 구성", "이메일 발송 기능 추가", "검색 설정", "메시지 큐 추가", "오브젝트 스토리지 설정", "기능 플래그 추가". 또한 사용자가 타사 서비스의 API 키나 인증 정보를 얻는 방법을 묻는 경우에도 이 기능을 트리거하십시오. 사용자에게 수동으로 가입하라고 안내하지 말고, 먼저 Projects 카탈로그를 확인하도록 안내하십시오. 또한 서비스 탐색, 프로젝트 상태 확인, 프로비저닝된 리소스 목록 확인, 환경 변수 확인, projects.dev에 대한 언급, 클라우드 서비스 추가/프로비저닝/연결과 관련된 경우에도 이 기능을 사용하십시오.
사용자가 웰컴 플로우, 장바구니 포기 알림 문자, 구매 후 문자, 재유치, 프로모션 발송, 거래/인증 SMS 등을 포함한 SMS 또는 MMS 마케팅을 계획, 구축 또는 최적화하고자 할 때. 또한 사용자가 “SMS 마케팅”, “문자 메시지 캠페인”, “SMS 시퀀스”, “SMS 자동화”, “장바구니 포기 알림”, “구매 후 SMS”, “Klaviyo SMS”, “Postscript”, “Attentive”, "Twilio", "A2P 10DLC", "TCPA", "SMS 규정 준수", "쇼트 코드", "무료 SMS", "MMS 캠페인", "SMS를 해야 할까", "SMS 대 이메일"과 같은 용어를 언급할 때도 사용합니다. 이메일 시퀀스에 대해서는 ‘이메일’ 항목을 참조하십시오. SMS 문구 구성에 대해서는 ‘카피라이팅’ 항목을 참조하십시오. 전화번호를 수집하는 옵트인 팝업에 대해서는 ‘팝업’ 항목을 참조하십시오.
HyperFrames 컴포지션을 위한 Tailwind CSS v4.2 브라우저 런타임 패턴. `hyperframes init --tailwind` 명령어로 생성된 프로젝트의 기본 구조를 구축하거나 편집할 때, 컴포지션 HTML에 Tailwind 유틸리티 클래스를 작성할 때, CSS-first 방식의 Tailwind v4 테마 토큰을 추가할 때, v3와 v4 구문 간의 차이를 디버깅할 때, 또는 브라우저 런타임을 사용하는 대신 Tailwind를 CSS로 컴파일해야 할 시점을 결정할 때 사용합니다.
테스트를 통해 개발을 주도합니다. 로직을 구현하거나, 버그를 수정하거나, 동작을 변경할 때 사용하세요. 코드가 정상적으로 작동함을 입증해야 할 때, 버그 보고가 접수되었을 때, 또는 기존 기능을 수정하기 직전일 때 사용하세요.