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.

Maquettes filaires en noir et blanc (SVG) v1.0.0

Utilisez cette ressource pour dessiner la structure d'un écran ou d'un parcours avant de le designer

Nouveau

  • 309 téléchargements
  • 227 mentions J'aime
  • 197 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install lowfi-svg-wireframes

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 compose chaque écran à partir de composants de base (boutons, champs, cartes, tableaux, fenêtres) en noir et blanc, sur une grille de 8 px. Il écrit un fichier SVG par écran et ajoute une liste numérotée qui explique chaque zone. Pour un parcours à plusieurs écrans, il produit aussi une vue d'ensemble avec des flèches.

Choisie surtout par

Mise à jour le 2 novembre 2026

Maquette filaire noir et blanc d'un tableau de bord, avec zones numérotées et annotations en rouge pointillé.

Caractéristiques

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

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français : jetons de style, procédure en six étapes et règles d'annotation
  • components.md : bibliothèque de composants SVG prêts à copier (champs, navigation, tableaux, fenêtres)
  • grid-system.md et examples.md : grille, échelle typographique et quatre exemples complets

Pour qui

  • Montrer à un client la structure d'une page avant le design final
  • Comparer plusieurs organisations d'écran pour une application
  • Documenter un parcours (connexion, réglages, confirmation) en quelques images

Pas pour qui

  • Des maquettes colorées ou fidèles à une marque
  • Des prototypes cliquables ou du code de production
  • Des schémas d'architecture technique ou des illustrations

Étiquettes

  • wireframe
  • maquette
  • svg
  • ux
  • prototype

À propos

Vous dites

« Dessine en filaire l'écran de connexion mobile et le tableau de bord de mon application de suivi de commandes. »

Maquette filaire noir et blanc d'un tableau de bord, avec zones numérotées et annotations en rouge pointillé.

Skill publiée par paperclipai sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
La liste des écrans et leur objectif et Le format visé : ordinateur, tablette ou mobile

Comment l'utiliser

  1. Copiez le dossier de la skill dans le dossier de skills de votre agent.
  2. Décrivez les écrans souhaités et le format (ordinateur, tablette ou mobile).
  3. Ouvrez les fichiers SVG et relisez la liste d'annotations.

Aperçu du contenu

Fichiers

  • assets/template-mobile.svg0,9 Ko
  • assets/template.svg1,3 Ko
  • LICENSE1 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • references/components.md14,9 Ko
  • references/examples.md16,1 Ko
  • references/grid-system.md4,6 Ko
  • SKILL.md12,5 Ko

Origine et licence

Modifié par PalateKit

Auteur
paperclipai
Source
github.com/paperclipai/paperclip/tree/c2163b3ecf08c1d574685504fd1271a301d7bd1d/packages/skills-catalog/catalog/bundled/product/wireframe
Licence
MIT

Notice

Version modifiée de « wireframe » (paperclipai, MIT) : 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

La page de présentation HTML est-elle incluse ?

Non, le gabarit HTML a été retiré de la version PalateKit. Les modèles SVG de départ restent fournis ; l'agent peut aussi assembler une page de présentation simple.

La skill publie-t-elle les maquettes en ligne ?

Elle renvoie, pour l'hébergement, vers une autre skill (here-now) qui n'est pas incluse. Ce volet est facultatif : la création des SVG fonctionne seule.