Skills Créatif

花叔Design——用HTML製作高保真原型、互動Demo、幻燈片、動畫、設計變體探索+設計方向顧問+專家評審。根據任務化身對應專家（UX/動畫師/幻燈片設計師/原型師），避免網頁設計陳套。觸發詞：做原型、互動原型、HTML演示、動畫Demo、設計變體、高保真設計、UI模擬、prototype、做個HTML頁面、做個可視化、app原型、iOS原型、導出MP4/GIF、60fps影片、設計風格、設計方向、配色方案、推薦風格、選個風格、做個好看的、評審、好不好看、review this design、帶解說的動畫、解說影片、長影片科普、voiceover、narration、5分鐘講清楚什麼是XX。需求模糊時進入設計方向顧問（三套邏輯並行產出3版真實視覺，HTML原生40種風格庫網頁20+PPT

Supprimer les marques d'écriture IA d'un texte français et y insérer voix, personnalité et âme. À utiliser pour éditer, réviser, réécrire ou nettoyer un contenu français qui ressemble à une sortie ChatGPT/Claude. Humaniser, humanise, déslopifier. Détecte et corrige 27 motifs : surutilisation du vocabulaire IA (crucial, essentiel, notamment, par ailleurs, dans le paysage), anglicismes issus de modèles anglophones (faire du sens, adresser un problème), évitement de la copule, ouvertures formulaires (À l'ère de, Dans le paysage actuel),...

Supprimer les traces de génération par IA dans le texte. Convient pour éditer ou relire un texte afin de le rendre plus naturel, comme écrit par un humain. Basé sur le guide complet des « caractéristiques de l

LISEZ CECI EN PREMIER pour toute demande de réalisation, création, édition, animation ou rendu d’une vidéo, animation ou graphique animé — qu’il s’agisse d’une promotion, d’une vidéo explicative, d’un clip sous-titré, d’un carton-titre, d’une incrustation ou de toute composition. HyperFrames génère des vidéos à partir de HTML ; c’est la compétence d’entrée et la méthode par défaut par laquelle un agent crée ou édite une vidéo. Elle achemine la demande vers le workflow spécialisé approprié et renvoie aux compétences du domaine HyperFrames, alors lisez-la avant toute autre compétence vidéo ou d’animation au lieu de deviner un workflow....

Toutes les connaissances en animation pour HyperFrames — règles de mouvement atomique, plans de scène multiphases, transitions de scène, techniques de conception de mouvement plus larges, ET les sept adaptateurs d'exécution (GSAP par défaut, plus Lottie, Three.js, Anime.js, keyframes CSS, Web Animations API, TypeGPU). Utilisez pour toute tâche de mouvement ou d'animation : choisissez 2 à 4 règles et composez, ou chargez un plan, ou recherchez une API spécifique à l'exécution (par exemple, les easing de GSAP / le lecteur Lottie / le mixer Three.js). Natif HyperFrames : timeline unique en pause, sûr pour la recherche,...

Contrat de composition HTML HyperFrames. Utilisé pour la structure de composition, les attributs de données, les clips, les pistes, les sous-compositions, les variables, la lecture multimédia, les règles de rendu déterministes et la validation de projets minimalement rendus.

Direction créative non-animée pour les vidéos HyperFrames. À utiliser pour la gestion des spécifications de design (frame.md / design.md), les palettes, la typographie, la narration, la planification des beats, les visuels réactifs à l'audio, les motifs de composition et les décisions de marque/style. Pour les motifs de mouvement atomiques et les plans de

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

Commencez ici pour toute demande de réalisation, création, génération, édition, animation ou rendu d’une vidéo, animation, motion design, vidéo explicative, carte de titre, incrustation, vidéo sous-titrée, promotion produit, vidéo pour site web, vidéo RP ou de changelog, montage de données, motion poster ou composition HTML HyperFrames. À utiliser avant les autres compétences vidéo ou d’animation lorsque l’utilisateur souhaite qu’HyperFrames crée ou rende une vidéo MP4/web finale, choisisse un workflow, ou oriente entre product-launch-video, faceless-explainer, website-to-video,...

Affine les idées brutes en concepts précis et exploitables grâce à une réflexion structurée divergente et convergente. À utiliser lorsqu'une idée est encore vague, lorsque vous devez tester la robustesse des hypothèses avant de vous engager dans un plan, ou lorsque vous souhaitez élargir les options avant de vous concentrer sur une seule. Se déclenche sur "idéer", "affiner cette idée" ou "tester la robustesse de mon plan".

Lorsque l'utilisateur souhaite créer, générer, éditer ou optimiser des images pour le marketing — bannières de blog, graphiques pour réseaux sociaux, maquettes de produits, bannières de profil, visuels d'annonces ou actifs de marque. À utiliser également lorsque l'utilisateur mentionne 'génération d'images par IA', 'générer une image', 'créer un graphique', 'maquette de produit', 'image hero', 'graphique pour réseaux sociaux', 'image bannière', 'photo de couverture', 'bannière de profil', 'capture d'écran d'annonce', 'Flux', 'Flux Kontext', 'Midjourney', 'DALL-E', 'GPT Image', 'ChatGPT Images', 'Ideogram',...

Modifier des images sur RunComfy — cette compétence est un routeur intelligent qui associe l'intention de l'utilisateur au bon modèle d'édition dans le catalogue RunComfy. Sélectionne Nano Banana Edit (lot jusqu'à 20, préservation d'identité par défaut), OpenAI GPT Image 2 Edit (réécriture multilingue de texte dans l'image, composition multi-référence, précision de mise en page), Flux Kontext Pro (édition locale haute-fidélité à référence unique), ou Z-Image Turbo Inpaint (édition précise de région pilotée par masque). Regroupe les schémas de sollicitation documentés de chaque modèle afin que la compétence obtienne...

Modifier des images sur RunComfy — cette compétence est un routeur intelligent qui associe l'intention de l'utilisateur au bon modèle d'édition dans le catalogue RunComfy. Sélectionne Nano Banana Edit (lot jusqu'à 20, préservation d'identité par défaut), OpenAI GPT Image 2 Edit (réécriture multilingue de texte dans l'image, composition multi-référence, précision de mise en page), Flux Kontext Pro (édition locale haute-fidélité à référence unique), ou Z-Image Turbo Inpaint (édition précise de région pilotée par masque). Regroupe les schémas de sollicitation documentés de chaque modèle afin que la compétence obtienne...

Modifier des images sur RunComfy — cette compétence est un routeur intelligent qui associe l'intention de l'utilisateur au bon modèle d'édition dans le catalogue RunComfy. Sélectionne Nano Banana Edit (lot jusqu'à 20, préservation d'identité par défaut), OpenAI GPT Image 2 Edit (réécriture multilingue de texte dans l'image, composition multi-référence, précision de mise en page), Flux Kontext Pro (édition locale haute-fidélité à référence unique), ou Z-Image Turbo Inpaint (édition précise de région pilotée par masque). Regroupe les schémas de sollicitation documentés de chaque modèle afin que la compétence obtienne...

Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the dedicated inpainting endpoint with mask, strength, and control-scale) and to identity-preserving edit models (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when a mask isn't available and the region must be described instead. Use for object removal, watermark removal, region replacement, blemish cleanup, and any controlled local edit where a binary mask defines the...

Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the dedicated inpainting endpoint with mask, strength, and control-scale) and to identity-preserving edit models (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when a mask isn't available and the region must be described instead. Use for object removal, watermark removal, region replacement, blemish cleanup, and any controlled local edit where a binary mask defines the...

Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the dedicated inpainting endpoint with mask, strength, and control-scale) and to identity-preserving edit models (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when a mask isn't available and the region must be described instead. Use for object removal, watermark removal, region replacement, blemish cleanup, and any controlled local edit where a binary mask defines the...

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape) while preserving the original content. Routes across Nano Banana 2 Edit (default, spatial-language driven), GPT Image 2 Edit (multi-ref with reference-style matching), FLUX Kontext Pro (single-shot maximum-preservation), and the brand edit endpoints (Seedream / Dreamina / Qwen / FLUX 2). Picks the...

We need to translate the given text from English to French, preserving the name "image-outpainting" and other technical terms like "RunComfy", "runcomfy CLI", "Nano Banana 2 Edit", "GPT Image 2 Edit", "FLUX Kontext Pro", "Seedream", "Dreamina", "Qwen", "FLUX 2". Also preserve URLs if any (none here), numbers, and technical terms. Do not add any extra commentary or labels. The text inside <text> is the only thing to translate. The instruction says "Translate only the text inside <text>. Do not include the name unless it appears in the source text." The name "image-outpainting" appears in the source text as "Image outpainting" (capitalized). So we should translate that as "Image outpainting" but in French it might be "Extension d'image" or "Outpainting d'image"? However, the instruction says to preserve product names, protocol names, URLs, numbers, and technical terms. "image-out

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape) while preserving the original content. Routes across Nano Banana 2 Edit (default, spatial-language driven), GPT Image 2 Edit (multi-ref with reference-style matching), FLUX Kontext Pro (single-shot maximum-preservation), and the brand edit endpoints (Seedream / Dreamina / Qwen / FLUX 2). Picks the...

Compétence image-vers-code de site web élite pour Codex. Pour les tâches web visuellement importantes, elle doit d'abord générer elle-même la ou les images de conception, les analyser en profondeur, puis implémenter le site web pour les faire correspondre aussi précisément que possible. Dans Codex, elle doit privilégier des images grandes, lisibles et spécifiques à chaque section plutôt que de minuscules planches compressées, générer de nouvelles images autonomes pour les sections ou les vues détaillées au lieu de recadrer d'anciennes images, éviter la sous-génération paresseuse, éviter l'interface utilisateur de cartes dans des cartes dans des cartes, et garder le...

Guide de conversion d'image fixe en vidéo : sélection de modèle, génération de mouvement par texte, et déplacement de caméra. Couvre Wan 2.5 i2v, Seedance, Fabric, Grok Video avec les cas d'usage de chacun. Utilisation : animer des images, créer une vidéo à partir de photos, ajouter du mouvement, animations de produits. Déclencheurs : image vers vidéo, i2v, animer une image, image fixe vers vidéo, ajouter du mouvement à une image, animation d'image, photo vers vidéo, animer une image fixe, wan i2v, image2video, donner vie à une image, animer une photo, mouvement à partir d'une image

We need to translate the given text from English to French. The text describes an agent skill called "image-to-video" but the instruction says to preserve the name only if it appears in the source text. The name "image-to-video" does not appear in the provided text, so we don't include it. We must preserve product names, protocol names, URLs, numbers, technical terms. So "RunComfy", "HappyHorse 1.0 I2V", "Arena #1", "Wan 2.7", "audio_url", "Seedance 2.0 Pro", "i2v" etc. should remain as is. Also "I2V" is a technical term. Translate the rest naturally. Text: "Animate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHorse 1.0 I2V (Arena #1, native audio, identity preservation) for general animations

We need to translate the given text from English to French. The text describes an agent skill called "image-to-video" but the instruction says to preserve the name only if it appears in the source text. The name "image-to-video" does not appear in the provided text, so we don't include it. The text mentions "RunComfy", "HappyHorse 1.0 I2V", "Arena #1", "Wan 2.7", "Seedance 2.0 Pro" - these are product names/protocol names/technical terms that should be preserved as-is. Also "audio_url" is a technical term. The translation should be natural French, preserving all proper nouns and technical terms. The text ends with "without burning..." which might be incomplete but we translate as is. Let's translate: "Animate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHorse 1.0

Animate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHorse 1.0 I2V (Arena #1, native audio, identity preservation) for general animations, Wan 2.7 with `audio_url` for custom-voiceover lip-sync, or Seedance 2.0 Pro for multi-modal animation from image + reference video + reference audio. Bundles each model's documented prompting patterns so the caller gets sharper output without burning...

Guide de conversion d'image fixe en vidéo : sélection de modèle, génération de mouvement par texte, et déplacement de caméra. Couvre Wan 2.5 i2v, Seedance, Fabric, Grok Video avec quand utiliser chacun. Utilisation pour : animer des images, créer une vidéo à partir d'images fixes, ajouter du mouvement, animations de produits. Déclencheurs : image vers vidéo, i2v, animer une image, image fixe vers vidéo, ajouter du mouvement à une image, animation d'image, photo vers vidéo, animer une image fixe, wan i2v, image2video, donner vie à une image, animer une photo, mouvement à partir d'une image

Animez n'importe quelle image fixe sur RunComfy — cette compétence est un routeur intelligent qui associe l'intention de l'utilisateur au bon modèle i2v du catalogue RunComfy.

Compétence mobile premium de génération d’images pour créer des concepts et flux d’écrans natifs d’application. Conçue pour les produits mobiles iOS, Android et multiplateformes. Privilégie une hiérarchie claire, un texte confortablement lisible, une forte cohérence multi-écrans, des palettes de couleurs maîtrisées, une direction créative non générique, des surfaces texturées, une composition axée sur l’image, une iconographie personnalisée de bon goût et un encadrement soigné de maquettes de téléphone. Par défaut, les écrans doivent être affichés dans un cadre subtil d’iPhone premium ou similaire…

Compétence frontend d'image élite pour générer des références de conception de sites web premium et orientées conversion. RÈGLE DE SORTIE CRITIQUE — générer UNE image horizontale distincte POUR CHAQUE section. Une page d'accueil avec 8 sections produit 8 images. Ne jamais compresser plusieurs sections en une seule image. Applique une variété de compositions (pas toujours texte à gauche / image à droite), liberté d'arrière-plan, CTA variés, échelles de héros variées (géant / moyen / mini minimaliste), colonne vertébrale narrative conceptuelle, moments de seconde lecture, et un...

Cette compétence guide la création d'interfaces frontend distinctives et de qualité professionnelle, évitant l'esthétique générique de type « AI slop ». Implémentez du code fonctionnel réel avec une attention exceptionnelle aux détails esthétiques et aux choix créatifs.