·media-storage
</>

media-storage

✓
dev-goraebap/sveltekit-custom-skillsGitHub: dev-goraebap/sveltekit-custom-skillsSource: dev-goraebap/sveltekit-custom-skills

File upload/storage/attachment management pattern. Actions: file upload, image upload, file processing, storage integration, thumbnail attachment, color extraction, file upload, image upload, storage, attachment, thumbnail. Patterns: Active Storage, blobs table, attachments table, polymorphic attachment, duplicate file detection. Storage: Cloudflare R2, AWS S3, @aws-sdk/client-s3, UUID key, 2-level directory, CDN URL, presigned URL. DB: Drizzle ORM, blob, checksum, MD5, metadata JSON, MIME, byte_size. Color: dominant color extraction, dominant color, Gemini API, hex, blobs.metadata. Query: thumbnail lookup, subquery, leftJoin, view-model, CDN URL transformation.

dev-goraebap·media·storage
9Installs·3Trend·@dev-goraebap

Installation

GitHub: dev-goraebap/sveltekit-custom-skills
$npx skills add https://github.com/dev-goraebap/sveltekit-custom-skills --skill media-storage

How to Install media-storage

Quickly install media-storage AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dev-goraebap/sveltekit-custom-skills --skill media-storage
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dev-goraebap/sveltekit-custom-skills.

SKILL.md

View raw

파일 업로드·저장소 연동·첨부 관리를 위한 패턴 모음. 특정 방식을 강제하지 않으며, 프로젝트 상황에 맞게 참고한다.

| DB 스키마 | blobs/attachments 테이블 설계, Drizzle ORM 스키마 작성 | schema.md | | 저장소 | R2/S3 클라이언트 초기화, 파일 업로드·삭제, 경로 분산 | storage.md | | 업로드 | 업로드 서비스 함수, 중복 감지, 지배적 색상 추출, 썸네일 첨부 | upload.md | | 조회 | 썸네일 서브쿼리, 뷰모델 변환, CDN URL·색상 값 포함 | query.md |

| DB 테이블 설계, ORM 스키마 작성 | DB 스키마 | | R2/S3 연동, 파일 업로드·삭제 구현 | 저장소 | | 업로드 API, 중복 감지, 색상 추출, 첨부 연결 | 업로드 | | 썸네일 URL·색상 포함 조회, 뷰모델 반환 | 조회 | | 파일 업로드 전체 흐름 구현 | 모두 |

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dev-goraebap/sveltekit-custom-skills --skill media-storage
Source
dev-goraebap/sveltekit-custom-skills
Category
</>Dev Tools
Verified
✓
First Seen
2026-03-10
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/dev-goraebap/sveltekit-custom-skills/media-storage

Browse more skills from dev-goraebap/sveltekit-custom-skills

Quick answers

What is media-storage?

File upload/storage/attachment management pattern. Actions: file upload, image upload, file processing, storage integration, thumbnail attachment, color extraction, file upload, image upload, storage, attachment, thumbnail. Patterns: Active Storage, blobs table, attachments table, polymorphic attachment, duplicate file detection. Storage: Cloudflare R2, AWS S3, @aws-sdk/client-s3, UUID key, 2-level directory, CDN URL, presigned URL. DB: Drizzle ORM, blob, checksum, MD5, metadata JSON, MIME, byte_size. Color: dominant color extraction, dominant color, Gemini API, hex, blobs.metadata. Query: thumbnail lookup, subquery, leftJoin, view-model, CDN URL transformation. Source: dev-goraebap/sveltekit-custom-skills.

How do I install media-storage?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dev-goraebap/sveltekit-custom-skills --skill media-storage Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/dev-goraebap/sveltekit-custom-skills

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-03-10

Related Skills

sveltekit-custom-skills
11 Installs
sveltekit-progressive-architecture
9 Installs