Les conceptions Pencil perdent souvent des détails lorsque les développeurs les traduisent à l’œil. Cette compétence guide Claude, Codex et Claude Code dans l’extraction précise, l’implémentation et les vérifications visuelles.

Les canevas React Flow peuvent se casser lorsque les ID, les handles, la propriété de l’état ou le comportement du viewport dérivent. Cette skill guide Claude, Codex et Claude Code dans des contrôles de revue pratiques pour @xyflow/react v12.

Les équipes produit surchargent souvent les états de réussite avec des étapes suivantes peu claires. Cette compétence transforme l’intention utilisateur en actions d’interface ciblées et priorisées après un résultat significatif.

Le transfert de design casse souvent l’architecture, les tokens et l’accessibilité. Cette skill guide Claude, Codex et Claude Code pour convertir des écrans Figma ou Pencil sélectionnés en code Tailwind structuré en couches.

Les équipes QA passent beaucoup de temps à convertir les exigences en cas de test cohérents. Casely analyse les documents de projet, apprend les formats d’exemple et exporte des cas structurés.

Les problèmes web tardifs peuvent bloquer les lancements et nuire à l’accessibilité, au SEO ou aux parcours essentiels. Cette skill guide les vérifications dans le navigateur, l’interprétation de Lighthouse et la production de rapports structurés avant la mise en production.

Les équipes Next.js oublient souvent les exigences liées au favicon, à la PWA et aux images sociales. Cette skill audite le projet, prépare les spécifications exactes des ressources et intègre les fichiers générés selon les conventions App Router.

Students often struggle to turn scattered experience into credible, role-focused resumes. This skill interviews candidates, maps evidence to job requirements, and generates validated HTML and PDF files.

Les prompts vides et les problèmes complexes peuvent mener à des idées prévisibles. Cette compétence structure la pensée créative grâce à l’analogie, la synthèse et les vérifications de faisabilité.

Recreating a successful video ad from observation is slow and inconsistent. This skill converts reference footage into an evidence-based timeline and production-ready adaptation prompt.

Les publications manuelles peuvent oublier des étapes de changelog, de version et de tag. Ce skill guide un workflow de publication reproductible pour baoyu-skills avec des changelogs bilingues et un tagging git local.

Transformer du contenu long en cartes d’images sociales est lent et incohérent. Cette skill planifie des séries d’infographies de style Xiaohongshu avec des styles, des mises en page, des prompts et des chemins de sortie.

Il est difficile d’enregistrer des pages web rendues sous forme de notes lisibles lorsque les pages reposent sur JavaScript ou nécessitent une connexion manuelle. Cette skill ouvre la page dans Chrome, capture le contenu rendu et écrit un fichier markdown propre avec des métadonnées.

Transformer un contenu long en une présentation visuelle cohérente demande de la planification et de la rédaction de prompts. Cette compétence crée un plan structuré, des prompts de diapositives et des images de diapositives générées.

Publier du contenu riche sur X peut nécessiter des étapes répétitives dans le navigateur et une conversion de format. Cette compétence automatise les brouillons, les images et les articles Markdown via Chrome, tout en conservant le mode aperçu par défaut.

La publication d’articles WeChat mis en forme nécessite souvent une copie manuelle, l’insertion d’images et la configuration de brouillons. Cette skill automatise la création de brouillons à partir de Markdown, HTML, texte et images via une session Chrome contrôlée.

Publier du Markdown en HTML compatible avec WeChat peut nécessiter une mise en forme soignée et des styles inline. Cette skill convertit les fichiers Markdown en HTML thématique avec diagrammes, mathématiques, alertes et coloration syntaxique du code.

Transformer des notes ou des rapports en visuel clair peut exiger de nombreuses décisions de conception. Cette compétence analyse le contenu, recommande des mises en page et des styles, puis prépare un prompt d’image pour les flux de travail Claude, Codex ou Claude Code.

Les prompts d’image nécessitent souvent une configuration du fournisseur, des tailles et des chemins de sortie reproductibles. Cette compétence exécute un générateur basé sur API avec des options de ratio d’aspect, de qualité et d’image de référence.

Les équipes ont besoin d’une génération rapide de texte et d’images Gemini à partir de prompts locaux. Cette skill exécute Gemini Web via les cookies Chrome et enregistre les images générées.