Portfolio créatif Collagev1.0.2
Utilisez ce Skill pour créer une page web.
En hausse
5.033 téléchargements1 « j'aime »2 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Créez un portfolio de designer qui ressemble à un mur d'atelier : papier gris chaud, encres cobalt et orange, ruban de masquage, notes déchirées, photos instantanées et autocollants au marqueur autour d'un portrait détouré. Études de cas, services, journal et formulaire de contact fonctionnent tous, et vous obtenez un fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.
Le plus souvent choisi par
Mis à jour le 3 oct. 2026
Galerie d'aperçus
Skills similaires
Voir tous les Skills
Ce que vous obtenez
- Un fichier de portfolio autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, avec polices et images intégrées ; une transposition dans votre propre projet framework si vous en avez un.
- Des pages fonctionnelles : filtres, recherche, tri et archive des projets, études de cas en quatre parties, fiches de services avec planning semaine par semaine, un journal et un brief de contact validé.
- Un outil de détourage qui transforme votre photo sur fond uni en portrait détouré à plat pour le Hero ou en autocollant découpé aux ciseaux, ainsi qu'un exemple de 15 pages pour démarrer.
Idéal pour
- Les graphistes, illustrateurs et collagistes qui veulent un portfolio à la personnalité faite main.
- Les petits studios d'impression et d'identité qui vendent des services à périmètre fixe avec prix de départ.
- Les animateurs d'ateliers ou les makers qui peuvent transformer les services en cours et le journal en actualités.
Pas pour
- L'envoi réel de formulaires, les paiements ou les réservations ; le brief de contact affiche uniquement une confirmation de démo honnête.
- Les marques qui ont besoin d'un style minimaliste, corporate ou sombre plutôt que du papier, du ruban et deux encres.
- Présenter la fictive Ines Okafor, ses clients ou ses citations comme un vrai travail.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une page webCréer un site portfolioStyle verrouilléRésultat modifiableAccent cobalt et orangePortrait détouréRuban de masquageCollage d'autocollantsNotes sur papier déchiré
À propos de ce Skill
Portfolio créatif Collage crée un portfolio de designer qui ressemble à un mur d'atelier : papier gris chaud et granuleux, cobalt et orange comme seules encres, ruban de masquage, notes déchirées, photos instantanées et autocollants au marqueur autour d'un portrait détouré. L'exemple met en scène Ines Okafor, graphiste et collagiste papier fictive installée à Porto, avec 15 pages reliées qui fonctionnent toutes.
Ce que vous obtenez
- Un seul fichier de site autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, polices et images intégrées. Si vous avez déjà un projet sur un framework, le design y est porté à la place.
- Un portfolio complet : index des projets avec filtres, recherche, tri et archive dépliable, quatre études de cas avec galerie, notes de processus et échantillons d'encre, services, journal avec trois notes, à propos, contact, confidentialité et une page introuvable soignée.
- Des services présentés comme des fiches à périmètre fixe avec prix de départ, un planning semaine par semaine en ruban dans des onglets et un accordéon de FAQ.
- Un brief de contact validé avec erreurs en ligne et message de confirmation, une inscription à la newsletter et la copie en un clic de l'e-mail et du pseudo.
- Des morceaux de papier qui se posent une fois sur le mur et se redressent au survol, dans le respect des réglages de mouvement réduit.
Comment l'utiliser
- Indiquez votre nom, votre discipline, une courte bio, des études de cas avec clients et résultats, vos services avec prix de départ et vos coordonnées. Tout ce qui manque est rédigé sous forme de texte provisoire plausible et listé pour validation.
- Envoyez une photo en pied sur fond uni pour le portrait détouré du Hero, ainsi que des photos de projets, ou laissez l'agent générer des images provisoires dans la même lumière du jour douce.
- Ouvrez chaque page sur ordinateur et sur téléphone, testez les filtres, les onglets et le formulaire de contact, puis demandez des modifications.
La typographie utilise Archivo, Anton, Permanent Marker, Caveat et Space Mono, intégrées dans le fichier. Les nouvelles images viennent de l'outil d'image de votre agent et peuvent entraîner ses frais d'utilisation.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Votre nom, votre discipline et une courte bio · Des études de cas avec client, année et résultat, ainsi que vos services avec prix de départ et vos coordonnées · Une photo en pied sur fond uni et des photos de projets, ou votre accord pour générer des images provisoires
- 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 d'image dans votre agent, ou vos propres photos, pour les images d'études de cas et le portrait · Python 3 avec Pillow, NumPy et SciPy pour l'outil de détourage fourni
- Coûts externes
- Les nouvelles images d'études de cas et de portrait sont générées avec l'outil d'image de votre agent, qui peut facturer l'utilisation. Sans cet outil, fournissez vos propres photos ; les images neutres d'appareil photo, de plante, de ruban et de bureau peuvent rester. Consulter l'exemple ne coûte rien.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…