Choix Skillry
Portfolio UI/UX ludiquev1.0.2
Utilisez ce Skill pour créer une page web.
En hausse
5.032 téléchargements1 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Créez un portfolio UI/UX ludique avec de grandes lettres noires qui rebondissent autour d'un portrait illustré, un badge d'identification sur cordon, un bloc expérience et contact en trois colonnes, et un immense index de contenus en contour au-dessus de cinq colonnes colorées et numérotées d'écrans produit dans des cadres d'appareils. Il comprend Accueil, À propos, Projets avec cinq pages d'études de cas, CV et Contact, avec filtres, statistiques de résultats et formulaire de contact validé. Par défaut, c'est un seul fichier autonome qui s'ouvre hors ligne, pensé pour les designers produit et d'interaction.
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 exemple de 11 routes pour la designer fictive Ines Okafor : accueil, à propos, projets avec cinq pages d'études de cas, CV, contact et une page 404 soignée.
- Des écrans produit construits comme une interface réelle dans des cadres de téléphone, tablette et ordinateur portable, ainsi que filtres de projets, recherche, tri, carrousel de citations, FAQ et formulaire de contact avec état de confirmation.
- Un seul fichier autonome avec Unbounded, Figtree et Geist Mono intégrées, un portrait illustré en aplat avec une vraie transparence et des vérifications intégrées.
Idéal pour
- Les designers produit et d'interaction qui veulent un portfolio chaleureux et personnel qui reste perçu comme un travail sérieux.
- Les designers dont les études de cas sont des applications, des tunnels de paiement ou des Dashboards présentables sous forme d'écrans réels.
- Les chercheurs UX ou petits studios qui peuvent transposer leurs études ou projets dans la même structure de page de cas.
Pas pour
- Les photographes ou artistes qui ont surtout besoin de grandes galeries de leurs propres images.
- Les marques personnelles minimalistes et monochromes ; le site utilise cinq couleurs de colonnes vives et des lettres qui rebondissent.
- La réception de messages clé en main : le formulaire de contact confirme dans la page tant que vous ne connectez pas de backend.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une page webCréer un site portfolioStyle verrouilléRésultat modifiableLettres display rebondissantesMockups d'appareilsPortrait en illustration flatBadge à cordonColonnes de couleur numérotées
À propos de ce Skill
Confiez au Skill votre parcours et trois à six études de cas, et il construit un portfolio qui ressemble à une affiche d'autopromotion soignée signée par quelqu'un qui livre aussi du logiciel : des lettres géantes qui rebondissent autour d'un portrait illustré, un badge sur cordon et des colonnes vives et numérotées d'écrans produit. L'exemple est Ines Okafor, une designer produit fictive, avec 11 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
- Un accueil avec le Hero en lettres, le badge et le message d'accueil, les colonnes expérience, communauté et contact, l'index de contenus, les étapes du processus, des citations clients et une bande CTA
- Des pages d'études de cas avec brief, enseignements, processus, une galerie de trois écrans, des statistiques de résultats, une citation client et des liens précédent et suivant
- Une page À propos, un CV avec pastilles de compétences et une page contact avec FAQ et formulaire validé
- Unbounded, Figtree et Geist Mono intégrées au fichier, pour que rien ne se charge depuis le réseau
Comment l'utiliser
- Indiquez votre nom, votre discipline, votre ville, un court message d'accueil, votre expérience et trois à six études de cas avec brief, processus et résultats.
- Votre agent construit chaque écran produit, crée les illustrations à partir de vos photos et exécute les vérifications intégrées.
- Parcourez chaque page et formulaire sur ordinateur et sur mobile, puis demandez des modifications.
Les illustrations créées avec l'outil d'image de votre agent peuvent entraîner des frais d'utilisation de cet outil. Le formulaire de contact confirme dans la page et n'envoie rien tant qu'aucun backend n'est connecté.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom, discipline, ville, disponibilité et un court message d'accueil à la première personne · Trois à six études de cas avec brief, enseignements, étapes du processus, résultats et une citation client · Expérience, compétences, coordonnées et photos de vous pour les illustrations
- 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 le portrait illustré et les scènes d'atelier
- Coûts externes
- La création du portrait illustré et des scènes avec l'outil d'image de votre agent peut entraîner des frais d'utilisation de cet outil. Les écrans produit sont construits dans la page et ne nécessitent aucune génération d'images.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…