
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un exemple de 20 routes pour le Commonfold Collective fictif : quatre pages de projet, trois pages de membre, trois articles de journal, contact, confidentialité, accessibilité et une page 404 soignée.
- Des éléments fonctionnels : un accordéon de principes à ouverture unique, des filtres de projets avec recherche, tri et état vide, un sélecteur de tarif standard ou associatif, une FAQ, des formulaires validés et une notification de copie de lien.
- Un seul fichier autonome avec Newsreader et Figtree intégrées, plus un guide de style, un plan d'images et des vérifications intégrées qui signalent les noms d'exemple restants.
Idéal pour
- Les studios de design, collectifs et équipes de design civique ou participatif qui veulent une présence artisanale et ludique, appuyée par de vraies études de cas.
- Les ateliers de gravure, écoles et petites structures qui peuvent transposer cours, formateurs ou projets sur la même famille de pages.
- Les équipes qui préfèrent des images en collage, des bords déchirés et du ruban adhésif aux cartes arrondies et aux photos de banque d'images.
Pas pour
- Les marques corporate qui ont besoin d'un style sobre et minimal ; ce design mise sur des aplats de couleurs vives et des textures papier.
- Les réservations ou paiements en direct : les formulaires confirment dans la page et n'envoient rien tant que vous n'avez pas connecté de backend.
- Les marques construites sur des surfaces violettes ou mauves ; le lilas n'apparaît que comme petite touche d'accent.
À propos de ce Skill

Parlez au Skill de votre studio, de ses principes, de ses projets et de son équipe, et il construit un site complet au style collage : un petit Hero centré sur fond noir au-dessus de collines peintes en papier découpé, des pages crème chaleureuses, des aplats de couleur et des portraits détourés en noir et blanc. L'exemple réalisé est le Commonfold Collective, un studio fictif de design civique, avec 20 routes reliées. Le résultat par défaut est un seul fichier autonome qui s'ouvre hors ligne dans n'importe quel navigateur.

Ce que vous obtenez
- Une page d'accueil avec le Hero, l'accordéon de principes, le bandeau de citation, l'histoire de l'équipe, des chiffres clés, un collage de projets, des notes de partenaires et le journal
- Des pages intérieures vraiment approfondies : études de cas avec images de détail et chiffres, pages de membres, articles longs, services aux formats définis, contact et FAQ
- Des bords déchirés, du ruban adhésif et de légères rotations qui se redressent au survol, avec des apparitions douces qui se désactivent en mode mouvement réduit
- Newsreader et Figtree intégrées au fichier, si bien que rien n'est chargé depuis le réseau

Comment l'utiliser
- Communiquez votre nom, une description en une ligne, trois à cinq principes, vos projets, votre équipe, vos articles et vos coordonnées.
- Votre agent remplit chaque emplacement de contenu, génère de nouvelles images de collage dans le même style et lance les vérifications intégrées.
- Parcourez chaque page sur desktop et sur téléphone, puis demandez des modifications avec vos propres mots.

La génération de nouvelles images de collage peut entraîner des frais d'utilisation de votre outil d'image. Tout ce que le brief ne fournit pas est rédigé en texte provisoire et listé pour que vous le validiez.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Le nom du studio, une description en une ligne et trois à cinq principes illustrés chacun d'un exemple · Les projets avec ce dont chaque page a besoin, ainsi que les membres de l'équipe avec leur rôle et une courte bio · Des articles ou actualités, les offres et tarifs, l'adresse, l'e-mail et les horaires
- Dépendances
- Node.js 18 ou version ultérieure sur la machine de votre agent, pour exécuter le script fourni qui génère le fichier unique hors ligne · Un accès à Internet pendant la génération du fichier, pour télécharger une fois les polices et les intégrer · Un outil de génération d'images dans votre agent pour les nouvelles images de collage
- Coûts externes
- La génération des images de collage avec l'outil d'image de votre agent peut entraîner des frais d'utilisation de cet outil. Certaines illustrations neutres fournies (les collines du Hero, les mains et deux images du journal) sont réutilisables sans frais.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









