Site web personnel
Il collecte les informations du CV personnel, analyse les profils des postes ciblés, optimise intelligemment le contenu du CV et génère finalement un site web de recherche d'emploi personnel esthétique, minimaliste et professionnel.
Featured by
Lynne Lau
Why we love this skill
Vous souhaitez vous démarquer parmi les candidats ? Cette compétence vous permet de créer un site de recherche d'emploi personnalisé et moderne. Elle analyse en profondeur les exigences des postes et optimise intelligemment votre CV, tout en générant des pages web visuellement attrayantes, créatives et interactives. Vous pourrez ainsi marquer les esprits des recruteurs grâce à votre personnalité unique et décrocher l'emploi de vos rêves !
Instructions
## Tâche principale
### Contexte de la tâche
Dans le contexte actuel de la recherche d'emploi, les sites web de profil personnel personnalisés pour différents postes peuvent considérablement améliorer l'image professionnelle et la compétitivité d'un candidat. Les CV traditionnels manquent souvent de clarté et ne mettent pas pleinement en évidence l'adéquation entre le candidat et le poste visé. Cette solution vise à exploiter les capacités de l'intelligence artificielle pour analyser automatiquement les exigences du poste, optimiser la présentation des informations personnelles et générer des sites web de recherche d'emploi personnalisés et performants.
### Objectifs spécifiques
1. Recueillir les informations personnelles de base complètes des demandeurs d'emploi (informations de base, formation, expérience professionnelle, liste des compétences, photo personnelle).
2. Procéder à une analyse approfondie du profil sectoriel, des exigences en matière de compétences et des caractéristiques de préférence du poste ciblé, en obtenant des informations sur au moins 5 à 8 dimensions clés.
3. Faire correspondre intelligemment les CV aux exigences des postes, en générant au moins 3 à 5 suggestions d'optimisation ciblées.
4. Générer un site web personnel interactif visuellement attrayant, clairement structuré et compatible avec différents secteurs d'activité.
5. Garantir la traçabilité du contenu du site web ; toutes les suggestions d'optimisation sont basées sur des données d'analyse de poste réelles.
### Contraintes clés
Les renseignements personnels doivent être véridiques et complets, et ne peuvent être ni falsifiés ni exagérés.
L'analyse du poste doit se baser sur de véritables résultats de recherche Internet, en citant au moins trois sources.
- Le style de conception du site web doit répondre aux normes d'« esthétique universelle, de minimalisme élégant et d'impression professionnelle et mémorable ».
- Le site web final doit afficher toutes les informations clés sur une seule page et prendre en charge une mise en page adaptative.
### Étape 1 : Collecter et structurer les informations personnelles du CV
**Objectif :** Obtenir toutes les informations nécessaires sur les demandeurs d'emploi et les organiser en données structurées en vue d'une analyse ultérieure et de la génération du site web.
**action**:
- Exige que les utilisateurs téléchargent des informations personnelles, ou :
- Guider les utilisateurs pour qu'ils fournissent ou modifient les informations obligatoires suivantes dans YouMind :
- **Informations de base** : Nom, âge, coordonnées (adresse électronique, numéro de téléphone, LinkedIn/GitHub, etc.)
- **Photo personnelle :** Veuillez télécharger une photo personnelle de qualité professionnelle (format JPG/PNG de préférence).
- **Formation scolaire** : Nom de l’établissement, spécialisation, diplôme, durée des études, cours obligatoires ou mentions (le cas échéant)
- **Expérience professionnelle** : Nom de l’entreprise, poste occupé, durée d’emploi, principales responsabilités et réalisations (3 à 5 paragraphes recommandés)
- **Liste des compétences** : Compétences professionnelles, maîtrise des outils/plateformes, compétences linguistiques, compétences relationnelles, etc.
- **Autres faits saillants** (facultatif) : Expérience de projet, prix, publications, expérience de bénévolat, etc.
- Organisez les informations recueillies dans un format clair et structuré (le format Markdown ou les tableaux sont recommandés).
- Vérifier que les informations sont complètes : s'assurer que tous les champs obligatoires sont remplis et que la photo a été téléchargée et est au bon format.
- Enregistrez les informations personnelles organisées sous forme de document ou de note dans YouMind pour pouvoir les consulter facilement ultérieurement.
**Normes de qualité** :
- Tous les champs obligatoires (nom, âge, coordonnées, formation, profession, compétences, photo) sont remplis à 100 %.
- Décrivez votre expérience professionnelle et votre formation en détail et de manière quantitative (par exemple : « Responsable du projet XX, a amélioré l'indicateur de performance de YY de 30 %) ».
- Des photos personnelles nettes et professionnelles sur fond simple.
### Style du langage du document
**Ton** : Soyez professionnel, direct et organisé ; évitez un langage trop familier ou académique.
**Consignes** : Utilisez la voix active et des phrases commençant par des verbes (tels que « responsable de XX », « dirigant XX », « réalisant XX ») pour mettre en évidence les actions et les résultats.
**Données :** Quantifiez les résultats autant que possible (par exemple : « Augmenter le taux de conversion de 30 % », « Gérer un budget de 500 000 $ », « Diriger une équipe de 10 personnes »).
**Mots clés :** Incorporez naturellement les mots clés à haute fréquence issus de l’analyse du poste dans vos descriptions d’expérience professionnelle et de compétences, mais évitez le bourrage de mots clés forcé ou artificiel.
Étape 2 : Analyser le profil du secteur et les exigences du poste cible
**Objectif :** Grâce à des recherches en ligne approfondies, acquérir une compréhension détaillée du profil type, des compétences essentielles requises, des préférences du secteur et des attentes implicites des postes cibles, afin de fournir des données pour l'optimisation des CV.
**action**:
- Obtenir l'intitulé du poste cible saisi par l'utilisateur (par exemple, « Responsable de la croissance internationale d'une entreprise d'IA », « Expert en opérations produit », etc.).
- Utilisez l'outil `googleSearch` pour effectuer une recherche multidimensionnelle, incluant au moins les requêtes suivantes :
- "[Poste cible] Description du poste et exigences"
- « Compétences et qualifications pour le poste cible »
- « Questions d'entretien pour [poste visé] » (Questions d'entretien reflétant les priorités de l'employeur)
- « Parcours professionnel [Poste cible] » (Parcours professionnel, compréhension du contexte sectoriel)
- Pour des secteurs spécifiques (tels que l'IA, le SaaS), incluez des mots-clés liés au secteur dans votre recherche.
- Extraire et résumer les informations clés suivantes issues des résultats de la recherche :
- **Exigences en matière de compétences techniques** : Compétences professionnelles essentielles, outils, plateformes et technologies (liste de 5 à 8 compétences fréquemment utilisées)
- **Préférences en matière de compétences générales** : compétences en communication, leadership, collaboration interculturelle, etc. (Énumérer 3 à 5 éléments)
- **Formation et expérience** : Exigences en matière de formation, années d’expérience professionnelle et préférences sectorielles.
- **Responsabilités du poste** : Les tâches principales généralement effectuées pour ce poste (3 à 5 éléments)
- **Tendances du secteur** : Ce rôle est très demandé ou présente des exigences émergentes sur le marché actuel (telles que l’utilisation d’outils d’IA, la prise de décision basée sur les données, etc.).
- **Préférences en matière de culture d'entreprise :** Si possible, consignez les caractéristiques culturelles du secteur/type d'entreprise ciblé (telles que l'esprit d'entreprise, l'approche axée sur les résultats, etc.).
- Compiler les résultats de l'analyse dans un rapport structuré, avec des liens vers les sources originales pour chaque dimension (au moins 3 sources différentes).
- Générer un « Résumé du profil de poste cible » (200-300 mots) résumant les caractéristiques essentielles du poste.
**Normes de qualité** :
- Obtenez des informations provenant d'au moins 3 sources faisant autorité différentes (telles que LinkedIn, Glassdoor, les rapports sectoriels et les sites d'emploi).
- La liste des compétences techniques doit contenir au moins 5 éléments, et la liste des compétences comportementales doit en contenir au moins 3.
- Chaque résultat clé est accompagné de son lien d'origine afin d'en assurer la traçabilité.
- Le résumé de la description de poste est clair et précis, évitant les généralités vagues.
# Rapport d'analyse des postes cibles
## Position cible
[Intitulé du poste, par exemple « Responsable de la croissance internationale dans une entreprise spécialisée en IA »]
## Résumé du profil de poste
[Un résumé de 200 à 300 mots décrivant les caractéristiques essentielles, les principales responsabilités et le contexte sectoriel de ce poste]
## Exigences en matière de compétences techniques
1. [Compétence 1] - Source : [lien]
2. [Compétence 2] - Source : [lien]
3. [Compétence 3] - Source : [lien]
...
## Préférence pour les compétences générales
1. [Compétence 1] - Source : [lien]
2. [Compétence 2] - Source : [lien]
...
## Responsabilités typiques
1. [Responsabilité 1]
2. [Responsabilité 2]
...
## Exigences en matière de formation et d'expérience
- Formation : [Obligatoire]
- Années d'expérience professionnelle : [Obligatoire]
- Contexte industriel : [Préférence]
## Tendances du secteur et exigences émergentes
[Décrivez les dernières tendances pour ce rôle, telles que l'utilisation d'outils d'IA et d'approches axées sur les données.]
## Références
1. [Titre de la source 1] - [Lien]
2. [Titre de la source 2] - [Lien]
3. [Titre de la source 3] - [Lien]
Étape 3 : Optimiser intelligemment son CV pour qu’il corresponde aux exigences du poste
**Objectif :** Faire correspondre au mieux les informations personnelles aux exigences du poste, identifier les points forts et les lacunes, et générer des suggestions d'optimisation de contenu ciblées afin de rendre les CV plus personnalisés.
**action**:
- Comparez les informations personnelles de l'étape 1 avec le profil de poste de l'étape 2 et effectuez une analyse de correspondance point par point :
- **Adéquation des compétences :** Quelles compétences de votre profil correspondent aux exigences du poste ? Quelles sont les compétences manquantes ?
- **Pertinence de l'expérience** : Quels aspects de votre expérience professionnelle sont particulièrement pertinents pour vos responsabilités professionnelles ? Comment pouvez-vous reformuler ces points pour en souligner la pertinence ?
- **Alignement des mots clés :** Les mots clés à haute fréquence de la description de poste (tels que « growth hacking », « axé sur les données » et « opérations transfrontalières ») apparaissent-ils dans votre profil personnel ?
- **Démonstration de compétences interpersonnelles :** Existe-t-il des exemples précis tirés de votre expérience personnelle qui démontrent les compétences interpersonnelles (telles que le leadership, les compétences en communication) requises pour le poste ?
- Générer 3 à 5 suggestions d'optimisation spécifiques, chaque suggestion comprenant :
- **Points d'optimisation :** Détails spécifiques à ajuster (par exemple, « exemples d'ajout de compétences en analyse de données à l'expérience professionnelle »).
- **Raisons de l'optimisation :** Pourquoi cet ajustement a été effectué (par exemple : « Le poste cible exige une prise de décision fondée sur les données, mais la description actuelle manque de données quantitatives »).
- **Exemple d'optimisation** : Fournir des suggestions de réécriture spécifiques ou du contenu supplémentaire.
- Identifier 2 à 3 « atouts distinctifs » d'un individu (c'est-à-dire des traits ou des expériences que l'individu possède mais qui ne sont pas explicitement mentionnés dans la description de poste, mais qui peuvent constituer un plus).
- Si vous identifiez un écart important en matière de compétences ou d'expérience, signalez-le honnêtement et suggérez comment le présenter sur le site web comme un indicateur de « motivation à apprendre » ou de « transfert d'expérience pertinent ».
- Sur la base des suggestions d'optimisation, une version « optimisée des informations personnelles » est générée, conservant l'authenticité des informations originales mais ajustant la formulation et l'ordre du contenu pour mettre en évidence la pertinence.
**Normes de qualité** :
- Fournissez au moins 3 suggestions d'optimisation spécifiques et concrètes.
- Chaque suggestion comprend une comparaison claire « avant optimisation - après optimisation » ou un exemple précis.
- Le contenu optimisé doit être basé sur des informations véridiques et ne doit pas être fabriqué ou exagéré.
- Identifiez au moins deux avantages distinctifs
# Suggestions d'optimisation de CV
## Analyse des correspondances
- **Correspondance des compétences** : [Compétences correspondantes] / [Compétences manquantes]
- **Pertinence de l'expérience** : [Expérience très pertinente] / [Domaines à améliorer]
- **Alignement des mots clés** : [Mots clés inclus] / [Mots clés à ajouter]
## Suggestions d'optimisation
### Suggestion 1 : [Points d'optimisation]
- **Raison :** [Pourquoi l'optimisation est nécessaire]
- **Avant optimisation** : [Texte original]
- **Optimisé** : [Formulation améliorée]
### Suggestion 2 : [Points d'optimisation]
...
## Avantage de différenciation
1. [Avantage 1] : [Description détaillée]
2. [Avantage 2] : [Description détaillée]
## Informations personnelles optimisées
[Informations personnelles complètes et optimisées, formatées de la même manière que le « Document d’informations personnelles structurées »]
### Style du langage du document
**Ton** : Soyez professionnel, direct et organisé ; évitez un langage trop familier ou académique.
**Consignes** : Utilisez la voix active et des phrases commençant par des verbes (tels que « responsable de XX », « dirigant XX », « réalisant XX ») pour mettre en évidence les actions et les résultats.
**Données :** Quantifiez les résultats autant que possible (par exemple : « Augmenter le taux de conversion de 30 % », « Gérer un budget de 500 000 $ », « Diriger une équipe de 10 personnes »).
**Mots clés :** Intégrez naturellement les mots clés à haute fréquence issus de l’analyse du poste dans vos descriptions d’expérience professionnelle et de compétences, mais évitez le bourrage de mots clés forcé ou artificiel.
### Étape 4 : Créer un site web de recherche d’emploi personnel de style postmoderne
**Objectif :** À l’aide de l’outil `generateWebpage` de YouMind, créez un site web de recherche d’emploi personnel monopage, postmoderne, visuellement saisissant et non conventionnel, présentant intégralement vos informations personnelles optimisées.
**action**:
- Lancez l'outil `generateWebpage` en lui passant les commandes et paramètres suivants :
- **Consignes** : « Créez un site web de recherche d’emploi personnel d’une seule page affichant le CV complet du candidat. Le site web doit répondre aux exigences suivantes : »
- **Style graphique :** Postmodernisme. L’accent est mis sur la transgression des règles, le mélange des styles, la déconstruction, l’ironie, le collage, l’asymétrie, les couleurs vives et le choc des esthétiques. L’objectif est de créer un site web visuellement mémorable, original et stimulant, en évitant tout design conservateur ou générique.
- **Structure de la mise en page** : Oubliez la mise en page fragmentée et asymétrique des grilles classiques. Les éléments peuvent se chevaucher et pivoter pour créer de la profondeur et une impression de chaos. L’ordre des modules peut être modifié ou présenté de manière non linéaire. Une hiérarchie sur l’axe Z est recommandée. Ce modèle inclut les modules suivants, mais leur présentation peut être originale :
1. **Section principale** (Premier écran) : Une ouverture visuellement percutante, qui peut utiliser des effets tels que le collage, la superposition de texte et d'images, et l'art du glitch.
2. **À propos de moi** : Ce texte peut être réparti sur différentes zones de la page ou mis en forme à l’aide d’un mélange de polices.
3. **Expérience** : Abandonnez la chronologie traditionnelle et utilisez des cartes de tailles variées, de formes irrégulières ou un défilement parallaxe pour afficher chaque expérience.
4. **Éducation** : En tant qu'élément décoratif ou structurel dans l'aménagement global, plutôt qu'en tant que module structuré indépendant.
5. **Compétences :** Utiliser des nuages de tags chaotiques, du texte comme éléments graphiques pour la dispersion, ou visualiser de manière non conventionnelle.
6. **Contact** : Les icônes et les liens peuvent être agrandis ou réduits et placés dans des coins inattendus de la page.
- **Palette de couleurs** : Combinaisons de couleurs vives, contrastées et très saturées. Utilisez des couleurs fluorescentes, des couleurs adjacentes discordantes et des dégradés marqués. Par exemple, associez un rose vif (#FF00FF) à un vert citron (#00FF00), ou utilisez un effet de rupture de couleur de style glitch art. Les arrière-plans peuvent être des collages multicolores ou présenter des motifs de bruit/grille.
- **Système de polices** : Un mélange de polices aux styles distincts, comme des polices serif en gras et des polices sans serif géométriques. Les contrastes de taille extrêmes sont autorisés ; les titres peuvent être énormes, tandis que le corps du texte peut être très petit. Le texte peut être pivoté, incliné, superposé et même partiellement utilisé comme élément graphique purement décoratif.
- **Conception d'interaction** : Effets interactifs exagérés et inattendus. Le survol de la souris peut déclencher des effets de glitch, une inversion des couleurs ou un déplacement d'éléments. Le défilement peut être saccadé ou présenter un fort effet de parallaxe. Les liens de navigation peuvent afficher des animations inattendues lorsqu'on clique dessus.
**Conception adaptative :** Conserver un style postmoderne et « fragmenté » sur différents appareils, tout en veillant à la lisibilité des informations essentielles. Les versions mobiles peuvent simplifier certains effets, mais la cohérence stylistique doit être maintenue.
- **références** : Transmettez les références du matériel/de la note issues des « informations personnelles optimisées » générées à l’étape 3, ainsi que l’URL de votre photo personnelle.
Après avoir généré le site web, vérifiez les points de qualité suivants :
- Toutes les informations personnelles sont-elles présentées de manière complète et exacte (même si la mise en page est désordonnée) ?
Le style visuel répond-il aux exigences du « postmodernisme » ? Est-il audacieux et percutant ?
- Les informations contenues dans chaque module sont-elles accessibles et compréhensibles ?
- Les effets interactifs fonctionnent-ils comme prévu, même s'ils sont « inattendus » ?
- Si le site Web généré ne répond pas aux attentes, notez les problèmes spécifiques et utilisez le paramètre `webpage_id` de `generateWebpage` pour une optimisation itérative.
**Normes de qualité** :
- Le site web contient tous les modules nécessaires (Héros, À propos, Expérience, Formation, Compétences, Contact), mais le format n'est pas limité.
- Le design visuel est audacieux et s'inscrit dans le courant postmoderne, possédant une forte personnalité et un attrait mémorable.
- Toutes les informations personnelles sont exactes et conformes au contenu optimisé.
- Les informations essentielles du site web sont lisibles aussi bien sur ordinateur que sur appareils mobiles, et le style est cohérent.
L'impression générale est celle d'une approche « audacieuse, avant-gardiste et pleine de créativité », ce qui leur permet de se démarquer parmi de nombreux CV.
## Style et présentation
### Style visuel du site web (Norme de base)
**Esthétique du design :** Le postmodernisme. Son essence réside dans la « rébellion contre le modernisme et sa déconstruction ». Il embrasse le chaos, la contradiction, l’ironie et un esprit ludique. Le design se veut dynamique, éclectique, voire légèrement provocateur. Il mêle art savant et culture populaire, transgressant les règles traditionnelles du « bon design ».
**Palette de couleurs** :
- **Principes fondamentaux :** Audace, conflit et saturation élevée. Rejeter l’harmonie et rechercher la tension visuelle.
- **Combinaisons de couleurs** : Utilisez des couleurs fluorescentes, des couleurs néon et des couleurs adjacentes discordantes. Par exemple : paillettes (#FF00FF) + jaune vif (#FFFF00) + cyan (#00FFFF).
- **Arrière-plan :** Évitez le blanc pur. Privilégiez les arrière-plans texturés, quadrillés, géométriques ou multicolores. Vous pouvez également opter pour des dégradés marqués.
- **Couleurs secondaires** : Il n’existe pas de définition stricte des couleurs secondaires ; n’importe quelle couleur peut devenir la couleur principale. Vous pouvez même utiliser intentionnellement des combinaisons de couleurs « affreuses » pour créer un effet ironique.
**Système de polices** :
**Principe fondamental :** S’opposer à l’uniformité et à la singularité. Le mélange, le conflit et le contraste sont essentiels.
- **Polices mixtes** : Utilisation de plusieurs polices de styles différents sur une même page, par exemple en juxtaposant des polices à empattements classiques (comme Times New Roman) avec des polices sans empattements grasses (comme Arial Black) ou des polices manuscrites.
- **Contraste de taille** : Extrêmes. Les titres peuvent être si grands qu’ils occupent la moitié de l’écran, tandis que le texte courant peut être si petit qu’il faut faire un effort pour le lire (choix de conception).
- **Traitement de texte** : Traitez le texte comme une image. Rotation, inclinaison, alignement vertical, symétrie et superposition. Le texte peut être disposé le long de tracés ou divisé en lettres individuelles dispersées sur la page.
**Principes de mise en page** :
- **Briser la grille :** Abandonnez complètement le système de grille traditionnel. Les éléments sont disposés de manière asymétrique, apparemment aléatoire.
- **Collage et superposition** : En utilisant abondamment les calques et l’axe Z, les images, le texte et les blocs de couleur sont superposés pour créer un effet de collage.
- **Fragmentation** : Décomposer un élément de design complet (tel qu'une image ou un bloc de texte) en plusieurs parties et les disperser à divers endroits.
- **Espace blanc** : Espace blanc irrégulier et dynamique, où l’espace blanc lui-même devient un élément de forme et de design, plutôt qu’un simple « espace de respiration ».
**Détails de l'interaction** :
- **Effets de survol** : Exagérés et subversifs. Lorsque la souris survole un élément, celui-ci peut se transformer radicalement, inverser ses couleurs, présenter un effet de glitch ou afficher un GIF inattendu.
- **Défilement** : Défilement parallaxe prononcé, avec différentes couches se déplaçant à des vitesses différentes, créant une impression de profondeur et un effet psychédélique.
- **Animations** : Animations abruptes et non linéaires. Les éléments peuvent apparaître de directions inattendues ou se charger de manière incorrecte.
- **Curseur** : Vous pouvez utiliser des curseurs personnalisés, énormes ou changeant constamment pour rendre l’interaction plus amusante.
**Spécifications de conception du module** :
1. **Section Héros** (Premier écran) :
- Utilisez un style collage pour mélanger des photos personnelles (qui peuvent être filtrées ou traitées avec un effet glitch), de grandes initiales de noms, du texte de l'emploi visé en rotation et des formes géométriques.
- L'arrière-plan peut être constitué de bruit dynamique ou de blocs de couleurs changeant rapidement.
2. **À propos de moi** :
Le texte est divisé en plusieurs petits blocs, utilisant des polices et des tailles différentes, dispersés sur une partie de la page. Certains passages peuvent se fondre dans le fond, obligeant l'utilisateur à chercher attentivement.
3. **Expérience** (Expérience professionnelle) :
Chaque expérience est présentée sous forme de « carte » de forme irrégulière et de couleur vive, empilée sur les autres de manière superposée et inclinée. Au survol de la souris, la carte remonte au premier plan et affiche des informations détaillées.
4. **Formation** (Contexte scolaire) :
Les informations peuvent être intégrées aux bordures décoratives de la page, ou utilisées comme partie d'une texture de fond dans une police de très petite taille.
5. **Compétences**
- Un nuage de mots chaotique et dynamique où les mots désignant des compétences varient en taille, en police et en couleur. Les mots peuvent s'agrandir ou trembler lorsque la souris les survole.
6. **Coordonnées :**
Utilisez des icônes surdimensionnées ou pixélisées et placez-les sur le bord ou dans un coin de la page. Les liens peuvent être dissimulés derrière des éléments graphiques inattendus.
**Conception adaptative** :
- **Noyau** : Maintenir un « chaos ordonné » sur différents appareils.
- **Version de bureau** (>1200px) : Affiche entièrement les mises en page complexes avec des colonnes superposées et multiples.
- **Panneau plat** (768-1200px) : Réduit le chevauchement des éléments tout en conservant l’asymétrie et un aspect fragmenté.
- **Mobile** (<768px): Converti en une mise en page à une seule colonne, mais conserve un style postmoderne grâce à un contraste exagéré de la taille de la police, des blocs de couleur audacieux et un défilement non linéaire.
###
### Étape 5 : Inspection de la qualité et livraison
**Objectif :** Réaliser un contrôle qualité complet du site web généré afin de garantir l'exactitude des informations, un design élégant, une expérience utilisateur fluide et de fournir un guide d'utilisation.
**action**:
- Effectuer des contrôles qualité article par article :
- **Exactitude des informations** : Nous avons méticuleusement vérifié chaque nom, information de contact, expérience professionnelle, formation et compétences figurant sur le site Web afin d’assurer leur cohérence avec les informations originales.
- **Cohérence visuelle** : Vérifiez la cohérence de la police, de la couleur, de l’espacement et de l’alignement ; recherchez tout défaut visuel.
- **Fluidité de l'interaction :** Vérifiez si les transitions de navigation, les effets de défilement et les animations au survol fonctionnent correctement.
- **Adaptation réactive :** Simule différentes tailles d'appareil pour vérifier si la mise en page est appropriée.
- **Lisibilité :** Veillez à une taille de texte appropriée, un contraste suffisant et une hiérarchie de l'information claire.
- Générer un « Guide de l'utilisateur du site Web » contenant :
- Lien d'accès au site web (URL de la page web générée par YouMind)
- Comment partager votre site web (copier le lien, générer un code QR, etc.)
- Comment adapter rapidement le contenu aux différents postes (par exemple, modifier le poste visé, mettre à jour l'expérience professionnelle, etc.)
- Suggestions d'optimisation future (comme la mise à jour régulière du contenu, l'ajout d'exemples de projets, etc.)
Montrez à l'utilisateur la version finale du site web et demandez-lui si des ajustements sont nécessaires.
- Si les utilisateurs suggèrent des modifications, enregistrez-les et utilisez `generateWebpage` pour une optimisation itérative.
**Normes de qualité** :
- Toutes les informations sont exactes à 100%, sans fautes de frappe ni erreurs de mise en forme.
- Le site web a passé avec succès les tests sur au moins deux appareils (ordinateur de bureau + mobile).
- Fournit des instructions claires aux utilisateurs, leur permettant de partager et de maintenir le site web de manière indépendante.
- L'utilisateur est satisfait du résultat final ou a procédé à l'optimisation en fonction des retours d'information.
Related Skills
View allRecherche sur l'intelligence professionnelle | Décodage approfondi de l'intelligence professionnelle
Arrêtez de deviner et commencez à savoir. Des risques cachés à la véritable culture d'entreprise, nous transformons chaque fiche de poste en un guide précieux pour réussir vos entretiens et décrocher le poste de vos rêves. Fini les entretiens à l'aveugle ! En 10 minutes, nous décryptons les fiches de poste les plus complexes pour en extraire des informations essentielles sur l'entreprise : décryptage du jargon RH, découverte des véritables pratiques et faiblesses de l'entreprise, et un avantage certain pour vos recherches d'informations sur votre futur supérieur. Tirez parti de cette asymétrie d'information et gagnez la mise pendant la période cruciale des recrutements de mars et avril !
Tableau d'analyse des tendances de l'or
Tableau de bord quotidien d'aide à l'investissement en or. Collecte automatiquement les données les plus récentes provenant de sources fiables telles que le CME, le WGC et Reuters, fournissant une analyse des tendances macroéconomiques, un suivi des flux de capitaux, des alertes de risque et des stratégies d'accumulation d'or (signaux lumineux vert/jaune/rouge). Affiche un tableau de bord web visuel comprenant des graphiques du cours de l'or, les primes, les rendements des bons du Trésor américain et d'autres indicateurs clés pour aider les investisseurs à prendre des décisions rapides.
Générateur de prompteur vidéo n° 4
(SeeDance 2.0 Édition Spéciale)

Site web personnel
Il collecte les informations du CV personnel, analyse les profils des postes ciblés, optimise intelligemment le contenu du CV et génère finalement un site web de recherche d'emploi personnel esthétique, minimaliste et professionnel.
Featured by
Lynne Lau
Why we love this skill
Vous souhaitez vous démarquer parmi les candidats ? Cette compétence vous permet de créer un site de recherche d'emploi personnalisé et moderne. Elle analyse en profondeur les exigences des postes et optimise intelligemment votre CV, tout en générant des pages web visuellement attrayantes, créatives et interactives. Vous pourrez ainsi marquer les esprits des recruteurs grâce à votre personnalité unique et décrocher l'emploi de vos rêves !
Instructions
## Tâche principale
### Contexte de la tâche
Dans le contexte actuel de la recherche d'emploi, les sites web de profil personnel personnalisés pour différents postes peuvent considérablement améliorer l'image professionnelle et la compétitivité d'un candidat. Les CV traditionnels manquent souvent de clarté et ne mettent pas pleinement en évidence l'adéquation entre le candidat et le poste visé. Cette solution vise à exploiter les capacités de l'intelligence artificielle pour analyser automatiquement les exigences du poste, optimiser la présentation des informations personnelles et générer des sites web de recherche d'emploi personnalisés et performants.
### Objectifs spécifiques
1. Recueillir les informations personnelles de base complètes des demandeurs d'emploi (informations de base, formation, expérience professionnelle, liste des compétences, photo personnelle).
2. Procéder à une analyse approfondie du profil sectoriel, des exigences en matière de compétences et des caractéristiques de préférence du poste ciblé, en obtenant des informations sur au moins 5 à 8 dimensions clés.
3. Faire correspondre intelligemment les CV aux exigences des postes, en générant au moins 3 à 5 suggestions d'optimisation ciblées.
4. Générer un site web personnel interactif visuellement attrayant, clairement structuré et compatible avec différents secteurs d'activité.
5. Garantir la traçabilité du contenu du site web ; toutes les suggestions d'optimisation sont basées sur des données d'analyse de poste réelles.
### Contraintes clés
Les renseignements personnels doivent être véridiques et complets, et ne peuvent être ni falsifiés ni exagérés.
L'analyse du poste doit se baser sur de véritables résultats de recherche Internet, en citant au moins trois sources.
- Le style de conception du site web doit répondre aux normes d'« esthétique universelle, de minimalisme élégant et d'impression professionnelle et mémorable ».
- Le site web final doit afficher toutes les informations clés sur une seule page et prendre en charge une mise en page adaptative.
### Étape 1 : Collecter et structurer les informations personnelles du CV
**Objectif :** Obtenir toutes les informations nécessaires sur les demandeurs d'emploi et les organiser en données structurées en vue d'une analyse ultérieure et de la génération du site web.
**action**:
- Exige que les utilisateurs téléchargent des informations personnelles, ou :
- Guider les utilisateurs pour qu'ils fournissent ou modifient les informations obligatoires suivantes dans YouMind :
- **Informations de base** : Nom, âge, coordonnées (adresse électronique, numéro de téléphone, LinkedIn/GitHub, etc.)
- **Photo personnelle :** Veuillez télécharger une photo personnelle de qualité professionnelle (format JPG/PNG de préférence).
- **Formation scolaire** : Nom de l’établissement, spécialisation, diplôme, durée des études, cours obligatoires ou mentions (le cas échéant)
- **Expérience professionnelle** : Nom de l’entreprise, poste occupé, durée d’emploi, principales responsabilités et réalisations (3 à 5 paragraphes recommandés)
- **Liste des compétences** : Compétences professionnelles, maîtrise des outils/plateformes, compétences linguistiques, compétences relationnelles, etc.
- **Autres faits saillants** (facultatif) : Expérience de projet, prix, publications, expérience de bénévolat, etc.
- Organisez les informations recueillies dans un format clair et structuré (le format Markdown ou les tableaux sont recommandés).
- Vérifier que les informations sont complètes : s'assurer que tous les champs obligatoires sont remplis et que la photo a été téléchargée et est au bon format.
- Enregistrez les informations personnelles organisées sous forme de document ou de note dans YouMind pour pouvoir les consulter facilement ultérieurement.
**Normes de qualité** :
- Tous les champs obligatoires (nom, âge, coordonnées, formation, profession, compétences, photo) sont remplis à 100 %.
- Décrivez votre expérience professionnelle et votre formation en détail et de manière quantitative (par exemple : « Responsable du projet XX, a amélioré l'indicateur de performance de YY de 30 %) ».
- Des photos personnelles nettes et professionnelles sur fond simple.
### Style du langage du document
**Ton** : Soyez professionnel, direct et organisé ; évitez un langage trop familier ou académique.
**Consignes** : Utilisez la voix active et des phrases commençant par des verbes (tels que « responsable de XX », « dirigant XX », « réalisant XX ») pour mettre en évidence les actions et les résultats.
**Données :** Quantifiez les résultats autant que possible (par exemple : « Augmenter le taux de conversion de 30 % », « Gérer un budget de 500 000 $ », « Diriger une équipe de 10 personnes »).
**Mots clés :** Incorporez naturellement les mots clés à haute fréquence issus de l’analyse du poste dans vos descriptions d’expérience professionnelle et de compétences, mais évitez le bourrage de mots clés forcé ou artificiel.
Étape 2 : Analyser le profil du secteur et les exigences du poste cible
**Objectif :** Grâce à des recherches en ligne approfondies, acquérir une compréhension détaillée du profil type, des compétences essentielles requises, des préférences du secteur et des attentes implicites des postes cibles, afin de fournir des données pour l'optimisation des CV.
**action**:
- Obtenir l'intitulé du poste cible saisi par l'utilisateur (par exemple, « Responsable de la croissance internationale d'une entreprise d'IA », « Expert en opérations produit », etc.).
- Utilisez l'outil `googleSearch` pour effectuer une recherche multidimensionnelle, incluant au moins les requêtes suivantes :
- "[Poste cible] Description du poste et exigences"
- « Compétences et qualifications pour le poste cible »
- « Questions d'entretien pour [poste visé] » (Questions d'entretien reflétant les priorités de l'employeur)
- « Parcours professionnel [Poste cible] » (Parcours professionnel, compréhension du contexte sectoriel)
- Pour des secteurs spécifiques (tels que l'IA, le SaaS), incluez des mots-clés liés au secteur dans votre recherche.
- Extraire et résumer les informations clés suivantes issues des résultats de la recherche :
- **Exigences en matière de compétences techniques** : Compétences professionnelles essentielles, outils, plateformes et technologies (liste de 5 à 8 compétences fréquemment utilisées)
- **Préférences en matière de compétences générales** : compétences en communication, leadership, collaboration interculturelle, etc. (Énumérer 3 à 5 éléments)
- **Formation et expérience** : Exigences en matière de formation, années d’expérience professionnelle et préférences sectorielles.
- **Responsabilités du poste** : Les tâches principales généralement effectuées pour ce poste (3 à 5 éléments)
- **Tendances du secteur** : Ce rôle est très demandé ou présente des exigences émergentes sur le marché actuel (telles que l’utilisation d’outils d’IA, la prise de décision basée sur les données, etc.).
- **Préférences en matière de culture d'entreprise :** Si possible, consignez les caractéristiques culturelles du secteur/type d'entreprise ciblé (telles que l'esprit d'entreprise, l'approche axée sur les résultats, etc.).
- Compiler les résultats de l'analyse dans un rapport structuré, avec des liens vers les sources originales pour chaque dimension (au moins 3 sources différentes).
- Générer un « Résumé du profil de poste cible » (200-300 mots) résumant les caractéristiques essentielles du poste.
**Normes de qualité** :
- Obtenez des informations provenant d'au moins 3 sources faisant autorité différentes (telles que LinkedIn, Glassdoor, les rapports sectoriels et les sites d'emploi).
- La liste des compétences techniques doit contenir au moins 5 éléments, et la liste des compétences comportementales doit en contenir au moins 3.
- Chaque résultat clé est accompagné de son lien d'origine afin d'en assurer la traçabilité.
- Le résumé de la description de poste est clair et précis, évitant les généralités vagues.
# Rapport d'analyse des postes cibles
## Position cible
[Intitulé du poste, par exemple « Responsable de la croissance internationale dans une entreprise spécialisée en IA »]
## Résumé du profil de poste
[Un résumé de 200 à 300 mots décrivant les caractéristiques essentielles, les principales responsabilités et le contexte sectoriel de ce poste]
## Exigences en matière de compétences techniques
1. [Compétence 1] - Source : [lien]
2. [Compétence 2] - Source : [lien]
3. [Compétence 3] - Source : [lien]
...
## Préférence pour les compétences générales
1. [Compétence 1] - Source : [lien]
2. [Compétence 2] - Source : [lien]
...
## Responsabilités typiques
1. [Responsabilité 1]
2. [Responsabilité 2]
...
## Exigences en matière de formation et d'expérience
- Formation : [Obligatoire]
- Années d'expérience professionnelle : [Obligatoire]
- Contexte industriel : [Préférence]
## Tendances du secteur et exigences émergentes
[Décrivez les dernières tendances pour ce rôle, telles que l'utilisation d'outils d'IA et d'approches axées sur les données.]
## Références
1. [Titre de la source 1] - [Lien]
2. [Titre de la source 2] - [Lien]
3. [Titre de la source 3] - [Lien]
Étape 3 : Optimiser intelligemment son CV pour qu’il corresponde aux exigences du poste
**Objectif :** Faire correspondre au mieux les informations personnelles aux exigences du poste, identifier les points forts et les lacunes, et générer des suggestions d'optimisation de contenu ciblées afin de rendre les CV plus personnalisés.
**action**:
- Comparez les informations personnelles de l'étape 1 avec le profil de poste de l'étape 2 et effectuez une analyse de correspondance point par point :
- **Adéquation des compétences :** Quelles compétences de votre profil correspondent aux exigences du poste ? Quelles sont les compétences manquantes ?
- **Pertinence de l'expérience** : Quels aspects de votre expérience professionnelle sont particulièrement pertinents pour vos responsabilités professionnelles ? Comment pouvez-vous reformuler ces points pour en souligner la pertinence ?
- **Alignement des mots clés :** Les mots clés à haute fréquence de la description de poste (tels que « growth hacking », « axé sur les données » et « opérations transfrontalières ») apparaissent-ils dans votre profil personnel ?
- **Démonstration de compétences interpersonnelles :** Existe-t-il des exemples précis tirés de votre expérience personnelle qui démontrent les compétences interpersonnelles (telles que le leadership, les compétences en communication) requises pour le poste ?
- Générer 3 à 5 suggestions d'optimisation spécifiques, chaque suggestion comprenant :
- **Points d'optimisation :** Détails spécifiques à ajuster (par exemple, « exemples d'ajout de compétences en analyse de données à l'expérience professionnelle »).
- **Raisons de l'optimisation :** Pourquoi cet ajustement a été effectué (par exemple : « Le poste cible exige une prise de décision fondée sur les données, mais la description actuelle manque de données quantitatives »).
- **Exemple d'optimisation** : Fournir des suggestions de réécriture spécifiques ou du contenu supplémentaire.
- Identifier 2 à 3 « atouts distinctifs » d'un individu (c'est-à-dire des traits ou des expériences que l'individu possède mais qui ne sont pas explicitement mentionnés dans la description de poste, mais qui peuvent constituer un plus).
- Si vous identifiez un écart important en matière de compétences ou d'expérience, signalez-le honnêtement et suggérez comment le présenter sur le site web comme un indicateur de « motivation à apprendre » ou de « transfert d'expérience pertinent ».
- Sur la base des suggestions d'optimisation, une version « optimisée des informations personnelles » est générée, conservant l'authenticité des informations originales mais ajustant la formulation et l'ordre du contenu pour mettre en évidence la pertinence.
**Normes de qualité** :
- Fournissez au moins 3 suggestions d'optimisation spécifiques et concrètes.
- Chaque suggestion comprend une comparaison claire « avant optimisation - après optimisation » ou un exemple précis.
- Le contenu optimisé doit être basé sur des informations véridiques et ne doit pas être fabriqué ou exagéré.
- Identifiez au moins deux avantages distinctifs
# Suggestions d'optimisation de CV
## Analyse des correspondances
- **Correspondance des compétences** : [Compétences correspondantes] / [Compétences manquantes]
- **Pertinence de l'expérience** : [Expérience très pertinente] / [Domaines à améliorer]
- **Alignement des mots clés** : [Mots clés inclus] / [Mots clés à ajouter]
## Suggestions d'optimisation
### Suggestion 1 : [Points d'optimisation]
- **Raison :** [Pourquoi l'optimisation est nécessaire]
- **Avant optimisation** : [Texte original]
- **Optimisé** : [Formulation améliorée]
### Suggestion 2 : [Points d'optimisation]
...
## Avantage de différenciation
1. [Avantage 1] : [Description détaillée]
2. [Avantage 2] : [Description détaillée]
## Informations personnelles optimisées
[Informations personnelles complètes et optimisées, formatées de la même manière que le « Document d’informations personnelles structurées »]
### Style du langage du document
**Ton** : Soyez professionnel, direct et organisé ; évitez un langage trop familier ou académique.
**Consignes** : Utilisez la voix active et des phrases commençant par des verbes (tels que « responsable de XX », « dirigant XX », « réalisant XX ») pour mettre en évidence les actions et les résultats.
**Données :** Quantifiez les résultats autant que possible (par exemple : « Augmenter le taux de conversion de 30 % », « Gérer un budget de 500 000 $ », « Diriger une équipe de 10 personnes »).
**Mots clés :** Intégrez naturellement les mots clés à haute fréquence issus de l’analyse du poste dans vos descriptions d’expérience professionnelle et de compétences, mais évitez le bourrage de mots clés forcé ou artificiel.
### Étape 4 : Créer un site web de recherche d’emploi personnel de style postmoderne
**Objectif :** À l’aide de l’outil `generateWebpage` de YouMind, créez un site web de recherche d’emploi personnel monopage, postmoderne, visuellement saisissant et non conventionnel, présentant intégralement vos informations personnelles optimisées.
**action**:
- Lancez l'outil `generateWebpage` en lui passant les commandes et paramètres suivants :
- **Consignes** : « Créez un site web de recherche d’emploi personnel d’une seule page affichant le CV complet du candidat. Le site web doit répondre aux exigences suivantes : »
- **Style graphique :** Postmodernisme. L’accent est mis sur la transgression des règles, le mélange des styles, la déconstruction, l’ironie, le collage, l’asymétrie, les couleurs vives et le choc des esthétiques. L’objectif est de créer un site web visuellement mémorable, original et stimulant, en évitant tout design conservateur ou générique.
- **Structure de la mise en page** : Oubliez la mise en page fragmentée et asymétrique des grilles classiques. Les éléments peuvent se chevaucher et pivoter pour créer de la profondeur et une impression de chaos. L’ordre des modules peut être modifié ou présenté de manière non linéaire. Une hiérarchie sur l’axe Z est recommandée. Ce modèle inclut les modules suivants, mais leur présentation peut être originale :
1. **Section principale** (Premier écran) : Une ouverture visuellement percutante, qui peut utiliser des effets tels que le collage, la superposition de texte et d'images, et l'art du glitch.
2. **À propos de moi** : Ce texte peut être réparti sur différentes zones de la page ou mis en forme à l’aide d’un mélange de polices.
3. **Expérience** : Abandonnez la chronologie traditionnelle et utilisez des cartes de tailles variées, de formes irrégulières ou un défilement parallaxe pour afficher chaque expérience.
4. **Éducation** : En tant qu'élément décoratif ou structurel dans l'aménagement global, plutôt qu'en tant que module structuré indépendant.
5. **Compétences :** Utiliser des nuages de tags chaotiques, du texte comme éléments graphiques pour la dispersion, ou visualiser de manière non conventionnelle.
6. **Contact** : Les icônes et les liens peuvent être agrandis ou réduits et placés dans des coins inattendus de la page.
- **Palette de couleurs** : Combinaisons de couleurs vives, contrastées et très saturées. Utilisez des couleurs fluorescentes, des couleurs adjacentes discordantes et des dégradés marqués. Par exemple, associez un rose vif (#FF00FF) à un vert citron (#00FF00), ou utilisez un effet de rupture de couleur de style glitch art. Les arrière-plans peuvent être des collages multicolores ou présenter des motifs de bruit/grille.
- **Système de polices** : Un mélange de polices aux styles distincts, comme des polices serif en gras et des polices sans serif géométriques. Les contrastes de taille extrêmes sont autorisés ; les titres peuvent être énormes, tandis que le corps du texte peut être très petit. Le texte peut être pivoté, incliné, superposé et même partiellement utilisé comme élément graphique purement décoratif.
- **Conception d'interaction** : Effets interactifs exagérés et inattendus. Le survol de la souris peut déclencher des effets de glitch, une inversion des couleurs ou un déplacement d'éléments. Le défilement peut être saccadé ou présenter un fort effet de parallaxe. Les liens de navigation peuvent afficher des animations inattendues lorsqu'on clique dessus.
**Conception adaptative :** Conserver un style postmoderne et « fragmenté » sur différents appareils, tout en veillant à la lisibilité des informations essentielles. Les versions mobiles peuvent simplifier certains effets, mais la cohérence stylistique doit être maintenue.
- **références** : Transmettez les références du matériel/de la note issues des « informations personnelles optimisées » générées à l’étape 3, ainsi que l’URL de votre photo personnelle.
Après avoir généré le site web, vérifiez les points de qualité suivants :
- Toutes les informations personnelles sont-elles présentées de manière complète et exacte (même si la mise en page est désordonnée) ?
Le style visuel répond-il aux exigences du « postmodernisme » ? Est-il audacieux et percutant ?
- Les informations contenues dans chaque module sont-elles accessibles et compréhensibles ?
- Les effets interactifs fonctionnent-ils comme prévu, même s'ils sont « inattendus » ?
- Si le site Web généré ne répond pas aux attentes, notez les problèmes spécifiques et utilisez le paramètre `webpage_id` de `generateWebpage` pour une optimisation itérative.
**Normes de qualité** :
- Le site web contient tous les modules nécessaires (Héros, À propos, Expérience, Formation, Compétences, Contact), mais le format n'est pas limité.
- Le design visuel est audacieux et s'inscrit dans le courant postmoderne, possédant une forte personnalité et un attrait mémorable.
- Toutes les informations personnelles sont exactes et conformes au contenu optimisé.
- Les informations essentielles du site web sont lisibles aussi bien sur ordinateur que sur appareils mobiles, et le style est cohérent.
L'impression générale est celle d'une approche « audacieuse, avant-gardiste et pleine de créativité », ce qui leur permet de se démarquer parmi de nombreux CV.
## Style et présentation
### Style visuel du site web (Norme de base)
**Esthétique du design :** Le postmodernisme. Son essence réside dans la « rébellion contre le modernisme et sa déconstruction ». Il embrasse le chaos, la contradiction, l’ironie et un esprit ludique. Le design se veut dynamique, éclectique, voire légèrement provocateur. Il mêle art savant et culture populaire, transgressant les règles traditionnelles du « bon design ».
**Palette de couleurs** :
- **Principes fondamentaux :** Audace, conflit et saturation élevée. Rejeter l’harmonie et rechercher la tension visuelle.
- **Combinaisons de couleurs** : Utilisez des couleurs fluorescentes, des couleurs néon et des couleurs adjacentes discordantes. Par exemple : paillettes (#FF00FF) + jaune vif (#FFFF00) + cyan (#00FFFF).
- **Arrière-plan :** Évitez le blanc pur. Privilégiez les arrière-plans texturés, quadrillés, géométriques ou multicolores. Vous pouvez également opter pour des dégradés marqués.
- **Couleurs secondaires** : Il n’existe pas de définition stricte des couleurs secondaires ; n’importe quelle couleur peut devenir la couleur principale. Vous pouvez même utiliser intentionnellement des combinaisons de couleurs « affreuses » pour créer un effet ironique.
**Système de polices** :
**Principe fondamental :** S’opposer à l’uniformité et à la singularité. Le mélange, le conflit et le contraste sont essentiels.
- **Polices mixtes** : Utilisation de plusieurs polices de styles différents sur une même page, par exemple en juxtaposant des polices à empattements classiques (comme Times New Roman) avec des polices sans empattements grasses (comme Arial Black) ou des polices manuscrites.
- **Contraste de taille** : Extrêmes. Les titres peuvent être si grands qu’ils occupent la moitié de l’écran, tandis que le texte courant peut être si petit qu’il faut faire un effort pour le lire (choix de conception).
- **Traitement de texte** : Traitez le texte comme une image. Rotation, inclinaison, alignement vertical, symétrie et superposition. Le texte peut être disposé le long de tracés ou divisé en lettres individuelles dispersées sur la page.
**Principes de mise en page** :
- **Briser la grille :** Abandonnez complètement le système de grille traditionnel. Les éléments sont disposés de manière asymétrique, apparemment aléatoire.
- **Collage et superposition** : En utilisant abondamment les calques et l’axe Z, les images, le texte et les blocs de couleur sont superposés pour créer un effet de collage.
- **Fragmentation** : Décomposer un élément de design complet (tel qu'une image ou un bloc de texte) en plusieurs parties et les disperser à divers endroits.
- **Espace blanc** : Espace blanc irrégulier et dynamique, où l’espace blanc lui-même devient un élément de forme et de design, plutôt qu’un simple « espace de respiration ».
**Détails de l'interaction** :
- **Effets de survol** : Exagérés et subversifs. Lorsque la souris survole un élément, celui-ci peut se transformer radicalement, inverser ses couleurs, présenter un effet de glitch ou afficher un GIF inattendu.
- **Défilement** : Défilement parallaxe prononcé, avec différentes couches se déplaçant à des vitesses différentes, créant une impression de profondeur et un effet psychédélique.
- **Animations** : Animations abruptes et non linéaires. Les éléments peuvent apparaître de directions inattendues ou se charger de manière incorrecte.
- **Curseur** : Vous pouvez utiliser des curseurs personnalisés, énormes ou changeant constamment pour rendre l’interaction plus amusante.
**Spécifications de conception du module** :
1. **Section Héros** (Premier écran) :
- Utilisez un style collage pour mélanger des photos personnelles (qui peuvent être filtrées ou traitées avec un effet glitch), de grandes initiales de noms, du texte de l'emploi visé en rotation et des formes géométriques.
- L'arrière-plan peut être constitué de bruit dynamique ou de blocs de couleurs changeant rapidement.
2. **À propos de moi** :
Le texte est divisé en plusieurs petits blocs, utilisant des polices et des tailles différentes, dispersés sur une partie de la page. Certains passages peuvent se fondre dans le fond, obligeant l'utilisateur à chercher attentivement.
3. **Expérience** (Expérience professionnelle) :
Chaque expérience est présentée sous forme de « carte » de forme irrégulière et de couleur vive, empilée sur les autres de manière superposée et inclinée. Au survol de la souris, la carte remonte au premier plan et affiche des informations détaillées.
4. **Formation** (Contexte scolaire) :
Les informations peuvent être intégrées aux bordures décoratives de la page, ou utilisées comme partie d'une texture de fond dans une police de très petite taille.
5. **Compétences**
- Un nuage de mots chaotique et dynamique où les mots désignant des compétences varient en taille, en police et en couleur. Les mots peuvent s'agrandir ou trembler lorsque la souris les survole.
6. **Coordonnées :**
Utilisez des icônes surdimensionnées ou pixélisées et placez-les sur le bord ou dans un coin de la page. Les liens peuvent être dissimulés derrière des éléments graphiques inattendus.
**Conception adaptative** :
- **Noyau** : Maintenir un « chaos ordonné » sur différents appareils.
- **Version de bureau** (>1200px) : Affiche entièrement les mises en page complexes avec des colonnes superposées et multiples.
- **Panneau plat** (768-1200px) : Réduit le chevauchement des éléments tout en conservant l’asymétrie et un aspect fragmenté.
- **Mobile** (<768px): Converti en une mise en page à une seule colonne, mais conserve un style postmoderne grâce à un contraste exagéré de la taille de la police, des blocs de couleur audacieux et un défilement non linéaire.
###
### Étape 5 : Inspection de la qualité et livraison
**Objectif :** Réaliser un contrôle qualité complet du site web généré afin de garantir l'exactitude des informations, un design élégant, une expérience utilisateur fluide et de fournir un guide d'utilisation.
**action**:
- Effectuer des contrôles qualité article par article :
- **Exactitude des informations** : Nous avons méticuleusement vérifié chaque nom, information de contact, expérience professionnelle, formation et compétences figurant sur le site Web afin d’assurer leur cohérence avec les informations originales.
- **Cohérence visuelle** : Vérifiez la cohérence de la police, de la couleur, de l’espacement et de l’alignement ; recherchez tout défaut visuel.
- **Fluidité de l'interaction :** Vérifiez si les transitions de navigation, les effets de défilement et les animations au survol fonctionnent correctement.
- **Adaptation réactive :** Simule différentes tailles d'appareil pour vérifier si la mise en page est appropriée.
- **Lisibilité :** Veillez à une taille de texte appropriée, un contraste suffisant et une hiérarchie de l'information claire.
- Générer un « Guide de l'utilisateur du site Web » contenant :
- Lien d'accès au site web (URL de la page web générée par YouMind)
- Comment partager votre site web (copier le lien, générer un code QR, etc.)
- Comment adapter rapidement le contenu aux différents postes (par exemple, modifier le poste visé, mettre à jour l'expérience professionnelle, etc.)
- Suggestions d'optimisation future (comme la mise à jour régulière du contenu, l'ajout d'exemples de projets, etc.)
Montrez à l'utilisateur la version finale du site web et demandez-lui si des ajustements sont nécessaires.
- Si les utilisateurs suggèrent des modifications, enregistrez-les et utilisez `generateWebpage` pour une optimisation itérative.
**Normes de qualité** :
- Toutes les informations sont exactes à 100%, sans fautes de frappe ni erreurs de mise en forme.
- Le site web a passé avec succès les tests sur au moins deux appareils (ordinateur de bureau + mobile).
- Fournit des instructions claires aux utilisateurs, leur permettant de partager et de maintenir le site web de manière indépendante.
- L'utilisateur est satisfait du résultat final ou a procédé à l'optimisation en fonction des retours d'information.
Related Skills
View allRecherche sur l'intelligence professionnelle | Décodage approfondi de l'intelligence professionnelle
Arrêtez de deviner et commencez à savoir. Des risques cachés à la véritable culture d'entreprise, nous transformons chaque fiche de poste en un guide précieux pour réussir vos entretiens et décrocher le poste de vos rêves. Fini les entretiens à l'aveugle ! En 10 minutes, nous décryptons les fiches de poste les plus complexes pour en extraire des informations essentielles sur l'entreprise : décryptage du jargon RH, découverte des véritables pratiques et faiblesses de l'entreprise, et un avantage certain pour vos recherches d'informations sur votre futur supérieur. Tirez parti de cette asymétrie d'information et gagnez la mise pendant la période cruciale des recrutements de mars et avril !
Tableau d'analyse des tendances de l'or
Tableau de bord quotidien d'aide à l'investissement en or. Collecte automatiquement les données les plus récentes provenant de sources fiables telles que le CME, le WGC et Reuters, fournissant une analyse des tendances macroéconomiques, un suivi des flux de capitaux, des alertes de risque et des stratégies d'accumulation d'or (signaux lumineux vert/jaune/rouge). Affiche un tableau de bord web visuel comprenant des graphiques du cours de l'or, les primes, les rendements des bons du Trésor américain et d'autres indicateurs clés pour aider les investisseurs à prendre des décisions rapides.
Générateur de prompteur vidéo n° 4
(SeeDance 2.0 Édition Spéciale)

Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.