Communitygithub.com

YepAPI/Compétences

Téléchargements par URL pré-signée, téléchargement multipart pour fichiers volumineux, stockage S3/R2/Supabase.

Qu'est-ce que Compétences ?

Cette compétence fournit des directives et des bonnes pratiques pour gérer les téléchargements de fichiers dans des applications web, en mettant l'accent sur les transferts directs vers le stockage via des URL pré-signées, le téléchargement multipart pour les fichiers volumineux, la validation côté client et serveur, l'optimisation des images, le suivi de progression et la prise en charge de plusieurs services de stockage (S3, R2, Supabase). Elle est conçue pour les agents IA qui implémentent des fonctionnalités d'upload de fichiers, garantissant des pratiques sécurisées, performantes et compatibles avec les principaux services cloud. La compétence couvre la validation des types de fichiers par octets magiques, le redimensionnement et la conversion d'images en WebP, l'analyse antivirus pour les contextes de haute sécurité, et l'utilisation de `XMLHttpRequest` ou `fetch` avec `ReadableStream` pour suivre la progression. Elle s'applique à tout agent IA intégrant des téléchargements directs, que ce soit dans une application web, une API ou un outil en ligne de commande.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/YepAPI/skills/tree/HEAD/skills/file-uploads

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Téléchargements de fichiers

Règles

  • URLs pré-signées pour les téléchargements directs vers le stockage — ne passez pas par votre serveur
  • Téléchargement multipart pour les fichiers > 5 Mo — découper en parties, télécharger en parallèle
  • Validation côté client : type de fichier, limites de taille — le serveur valide à nouveau
  • Optimisation d'images : redimensionner au téléchargement (2048 px max), convertir en WebP, supprimer les données EXIF
  • Suivi de progression : XMLHttpRequest ou fetch avec ReadableStream pour la progression du téléchargement
  • Stockage : S3, R2 (Cloudflare) ou Supabase Storage — le modèle d'URL pré-signée est le même
  • Validation du type de fichier côté serveur : vérifier les octets magiques, pas seulement l'extension
  • Analyse antivirus pour les téléchargements utilisateur dans des contextes de haute sécurité

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

YepAPI/skills

WCAG 2.1 AA — semantic HTML, keyboard navigation, screen readers.

YepAPI/skills

Experiment setup, variant splitting, statistical significance, and feature flag integration.

YepAPI/skills

CRUD generators, data tables, user management, role-based access, and bulk operations.

YepAPI/skills

Monitor what ChatGPT and Gemini say about your brand using YepAPI.

YepAPI/skills

Queue workers with BullMQ/Inngest/Trigger.dev, job retries, dead letter queues, concurrency.

YepAPI/skills

Commander.js, interactive prompts with Clack, spinners, colors, config files, exit codes, and npm publishing.

YepAPI/skills

cmdk integration, Cmd+K trigger, fuzzy search, grouped actions, keyboard navigation, and dynamic action registration.

YepAPI/skills

Content planning with trend and sentiment data from YepAPI.

YepAPI/skills

Content calendar, keyword-driven planning, and content briefs.

YepAPI/skills

Theme switching with CSS variables, system preference detection, next-themes, and persistence.

YepAPI/skills

Threaded comments, @mentions, reactions, moderation queue, optimistic UI, and cursor pagination.

YepAPI/skills

Competitive analysis between domains using YepAPI.

YepAPI/skills

Layout grids, KPI cards, data tables with sorting/filtering, sidebar navigation, and responsive breakpoints.

YepAPI/skills

Data encryption — TLS everywhere, AES-256-GCM for PII, bcrypt passwords, encrypted backups.

YepAPI/skills

Chart patterns with Recharts/Nivo/D3, responsive containers, color scales, and accessibility.

YepAPI/skills

Drizzle schema definition, push vs migrate, type-safe queries, relations, transactions, and prepared statements.

YepAPI/skills

Upload handling, resize/compress, CDN delivery, blur placeholders, and next/image patterns.

YepAPI/skills

Local business and Google Maps research using YepAPI.

YepAPI/skills

Cursor-based pagination, IntersectionObserver, virtualized lists with @tanstack/react-virtual, and scroll position restoration.

YepAPI/skills

Chat UI components, streaming responses with AI SDK, context window management, and RAG patterns.

Skills associés