s3-upload-handler
높은 위험 38앱에 S3 업로드 추가하기
작성자 AayushBaniya2006
파일 업로드를 구축하려면 UI, 클라이언트 로직, 서버 라우트가 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 웹 앱용 S3 업로드 패턴을 구현하도록 안내합니다.
좋아하는 스킬을 재사용 가능한 컬렉션으로 묶고, 명령 하나로 설치하세요.
앱에 S3 업로드 추가하기
작성자 AayushBaniya2006
파일 업로드를 구축하려면 UI, 클라이언트 로직, 서버 라우트가 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 웹 앱용 S3 업로드 패턴을 구현하도록 안내합니다.
앱에서 Replicate 모델 실행
작성자 AayushBaniya2006
작업이 서로 다른 속도로 완료될 때 Replicate 통합은 명확하지 않을 수 있습니다. 이 스킬은 Claude, Codex, Claude Code에 빠른 실행, 폴링, 타입이 지정된 응답을 위한 실용적인 패턴을 제공합니다.
Plate.js 리치 텍스트 에디터 구축
작성자 AayushBaniya2006
React 팀에는 디자인 시스템에 맞는 리치 텍스트 에디터가 필요합니다. 이 스킬은 Plate.js 설정, 플러그인, 툴바, 상태 처리를 안내합니다.
구독 플랜 및 할당량 관리
작성자 AayushBaniya2006
플랜 및 할당량 변경은 스키마, 유효성 검사, 폼, 가격 페이지, 구독 흐름에 영향을 주는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 이러한 부분을 일관되게 유지할 수 있도록 집중된 체크리스트를 제공합니다.
Tailark 마케팅 페이지 구축
작성자 AayushBaniya2006
컴포넌트 선택이 명확하지 않으면 마케팅 페이지 조립에 시간이 걸릴 수 있습니다. 이 스킬은 페이지 목표를 Tailark 섹션 및 구현 단계에 매핑합니다.
투명한 브랜드 로고 생성
작성자 AayushBaniya2006
완성도 높은 로고 에셋을 만들려면 여러 디자인 및 정리 단계가 필요한 경우가 많습니다. 이 스킬은 Replicate로 로고를 생성하고, 배경을 제거한 뒤, 투명 PNG로 저장합니다.
신뢰할 수 있는 Inngest 워크플로 빌드
작성자 AayushBaniya2006
타이머, 재시도, 부수 효과를 일반 요청 코드 안에서 처리하면 백그라운드 작업은 자주 실패합니다. 이 스킬은 Claude, Codex, Claude Code가 내구성 있는 워크플로를 만들 수 있도록 명확한 Inngest 패턴을 제공합니다.
Replicate로 웹 에셋 생성
작성자 AayushBaniya2006
일관된 웹사이트 이미지를 만들다 보면 컴포넌트 작업이 느려질 수 있습니다. 이 스킬은 Replicate와 Sharp를 사용해 WebP 에셋을 생성, 최적화, 저장합니다.
검증된 폼과 API 라우트 구축
작성자 AayushBaniya2006
팀은 기능 전반에서 폼, 검증, CRUD 라우트 설정을 반복하는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 TypeScript 폼 제공을 위한 일관된 패턴을 제공합니다.
환경 변수를 안전하게 관리하기
작성자 AayushBaniya2006
환경 변수에는 공개 기본값과 비공개 시크릿이 섞여 있는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 템플릿을 로컬 시크릿과 분리해 유지하도록 안내합니다.
React Email 트랜잭션 워크플로 구축
작성자 AayushBaniya2006
트랜잭션 이메일 작업에는 일관된 템플릿, 공유 레이아웃, 신뢰할 수 있는 전달 훅이 필요한 경우가 많습니다. 이 스킬은 React Email 템플릿, 렌더링, sendMail 통합을 안내합니다.
Fumadocs 문서 페이지 만들기
작성자 AayushBaniya2006
팀은 Fumadocs 파일 레이아웃을 추측하지 않고도 일관된 공개 문서가 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 MDX 페이지, frontmatter, meta.json 탐색을 만들도록 안내합니다.
Drizzle 데이터베이스 변경 관리
작성자 AayushBaniya2006
데이터베이스 스키마 변경은 데이터 손실, 느린 쿼리, 또는 일관되지 않은 Drizzle 정의를 유발할 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 구조화된 스키마 설계, 관계, 인덱스, 검토 단계를 따르도록 안내합니다.
크레딧 구매 및 잔액 흐름 구축
작성자 AayushBaniya2006
가격, 잔액, UI 흐름이 일관되지 않으면 크레딧 기능이 실패할 수 있습니다. 이 스킬은 크레딧 유형, 구매 흐름, 잔액 표시, 할당 헬퍼를 안내합니다.
명확한 마케팅 카피 작성
작성자 AayushBaniya2006
팀은 명확하고 간결하며 전환에 초점을 맞춘 설득력 있는 카피가 필요한 경우가 많습니다. 이 스킬은 랜딩 페이지, 이메일, CTA, 제품 메시지를 작성하고 개선합니다.
SEO 준비가 완료된 MDX 블로그 게시물 만들기
작성자 AayushBaniya2006
MDX 블로그 게시물을 게시하려면 일관된 frontmatter, 이미지 경로, 태그, 메타데이터가 필요합니다. 이 skill은 Claude, Codex, Claude Code가 프로젝트 워크플로에 맞는 게시물을 만들도록 안내합니다.
Next.js 인증 라우트 보호
작성자 AayushBaniya2006
팀이 세션 API와 라우트 가드를 혼용하면 인증 변경이 실패하는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 보안 접근 제어를 위해 프로젝트 헬퍼를 사용하도록 안내합니다.
AI 제품 에셋 생성
작성자 AayushBaniya2006
팀은 제품 페이지, 문서, 마케팅 화면에 일관된 시각 에셋이 필요합니다. 이 스킬은 DALL-E 생성을 안내하고 파일을 프로젝트 에셋 폴더에 저장합니다.
Vercel AI SDK 워크플로 구축
작성자 AayushBaniya2006
팀은 Next.js 서비스 전반에서 채팅, 구조화된 출력, 에이전트 워크플로를 연결하는 데 시간을 잃는 경우가 많습니다. 이 skill은 Claude, Codex, Claude Code 사용자를 위해 집중적인 Vercel AI SDK 패턴을 제공합니다.
Replicate AI 생성 파이프라인 구축
작성자 AayushBaniya2006
장시간 실행되는 AI 작업에는 지속 가능한 상태, 결제, 자산 저장소가 필요합니다. 이 스킬은 Inngest 처리, S3 영구 저장, 크레딧 처리를 포함한 Replicate 파이프라인을 보여줍니다.