파일 업로드, 저장, 첨부파일 관리 패턴입니다. 작업: 파일 업로드, 이미지 업로드, 파일 처리, 저장소 통합, 썸네일 첨부, 색상 추출, 파일 업로드, 이미지 업로드, 저장, 첨부, 썸네일. 패턴: 활성 저장소, Blob 테이블, 첨부 파일 테이블, 다형성 첨부 파일, 중복 파일 감지. 저장소: Cloudflare R2, AWS S3, @aws-sdk/client-s3, UUID 키, 2레벨 디렉터리, CDN URL, 미리 서명된 URL. DB: Drizzle ORM, blob, 체크섬, MD5, 메타데이터 JSON, MIME, byte_size. 색상: 주요 색상 추출, 주요 색상, Gemini API, 16진수, blobs.metadata. 쿼리: 썸네일 조회, 하위 쿼리, leftJoin, 뷰 모델, CDN URL 변환.
명령줄에서 media-storage AI 스킬을 개발 환경에 빠르게 설치
출처: dev-goraebap/sveltekit-custom-skills.
파일 업로드·저장소 연동·첨부 관리를 위한 패턴 모음. 특정 방식을 강제하지 않으며, 프로젝트 상황에 맞게 참고한다.
| DB 스키마 | blobs/attachments 테이블 설계, Drizzle ORM 스키마 작성 | schema.md | | 저장소 | R2/S3 클라이언트 초기화, 파일 업로드·삭제, 경로 분산 | storage.md | | 업로드 | 업로드 서비스 함수, 중복 감지, 지배적 색상 추출, 썸네일 첨부 | upload.md | | 조회 | 썸네일 서브쿼리, 뷰모델 변환, CDN URL·색상 값 포함 | query.md |
| DB 테이블 설계, ORM 스키마 작성 | DB 스키마 | | R2/S3 연동, 파일 업로드·삭제 구현 | 저장소 | | 업로드 API, 중복 감지, 색상 추출, 첨부 연결 | 업로드 | | 썸네일 URL·색상 포함 조회, 뷰모델 반환 | 조회 | | 파일 업로드 전체 흐름 구현 | 모두 |
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/dev-goraebap/sveltekit-custom-skills --skill media-storageBrowse more skills from dev-goraebap/sveltekit-custom-skills
파일 업로드, 저장, 첨부파일 관리 패턴입니다. 작업: 파일 업로드, 이미지 업로드, 파일 처리, 저장소 통합, 썸네일 첨부, 색상 추출, 파일 업로드, 이미지 업로드, 저장, 첨부, 썸네일. 패턴: 활성 저장소, Blob 테이블, 첨부 파일 테이블, 다형성 첨부 파일, 중복 파일 감지. 저장소: Cloudflare R2, AWS S3, @aws-sdk/client-s3, UUID 키, 2레벨 디렉터리, CDN URL, 미리 서명된 URL. DB: Drizzle ORM, blob, 체크섬, MD5, 메타데이터 JSON, MIME, byte_size. 색상: 주요 색상 추출, 주요 색상, Gemini API, 16진수, blobs.metadata. 쿼리: 썸네일 조회, 하위 쿼리, leftJoin, 뷰 모델, CDN URL 변환. 출처: dev-goraebap/sveltekit-custom-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dev-goraebap/sveltekit-custom-skills --skill media-storage 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/dev-goraebap/sveltekit-custom-skills