Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Spécification de passation design vers dev v1.0.0

Utilisez cette ressource pour préparer la passation d'une maquette aux développeurs

Nouveau

  • 325 téléchargements
  • 113 mentions J'aime
  • 112 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install design-handoff-spec

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent part d'une URL Figma, d'une capture ou d'une description, et produit une fiche structurée : mise en page, tokens utilisés, composants, états et interactions, comportement responsive, cas limites, animations et notes d'accessibilité. Les principes imposés (tout spécifier, des tokens plutôt que des valeurs, montrer tous les états) évitent que le développeur ait à deviner.

Choisie surtout par

Mise à jour le 2 novembre 2026

Tableaux de spécification : tokens, états, points de rupture

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Le modèle de votre agent
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français
  • Liste de ce qu'une passation doit couvrir (visuel, interaction, contenu, accessibilité)
  • Modèle de fiche en Markdown avec tableaux prêts à remplir

Pour qui

  • Remettre un écran validé à une équipe de développement
  • Documenter les états vides, d'erreur et de chargement
  • Préciser animations et points de rupture avant l'intégration

Pas pour qui

  • Créer la maquette elle-même
  • Écrire le code du composant

Étiquettes

  • design
  • passation
  • tokens
  • responsive
  • figma

À propos

Vous dites

« Génère la fiche de passation de cet écran de paiement, nous développons en React et Tailwind. »

Tableaux de spécification : tokens, états, points de rupture

Skill publiée par Anthropic sous licence Apache-2.0, traduite par PalateKit.

Voir plus

Prérequis

À préparer
Le lien Figma, une capture ou une description de l'écran et Votre pile technique (facultatif)

Comment l'utiliser

  1. Donnez le lien Figma, une capture ou une description
  2. Indiquez votre pile technique et les cas limites connus
  3. Relisez la fiche et transmettez-la à l'équipe

Aperçu du contenu

Fichiers

  • LICENSE11,5 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • SKILL.md4,9 Ko

Origine et licence

Modifié par PalateKit

Auteur
Anthropic
Source
github.com/anthropics/knowledge-work-plugins/tree/2574e29377c7173d0cecffef29a6ecbd7f8ccb5d/design/skills/design-handoff
Licence
Apache-2.0

Notice

Version modifiée de « design-handoff » (Anthropic, Apache-2.0) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Faut-il Figma ?

Non. Sans connecteur de design, la skill travaille à partir d'une capture ou d'une description. Avec Figma, elle peut lire les mesures exactes.

Le fichier cite CONNECTORS.md : est-il nécessaire ?

Non, ce renvoi est une simple indication ; il n'est pas livré et la skill fonctionne sans.