HarryXC09/resume-portfolio-skill

Réplication de Portfolio CV

Avec le répertoire où se trouve cette compétence comme racine du projet, conservez React, les animations de défilement GSAP, la disposition en cartes et la conception réactive. Lorsque l'utilisateur demande la création d'un site Web personnel, vérifiez d'abord les matériaux, puis réalisez l'ensemble du site en fonction du CV réel. Ce dépôt contient le code source exécutable et ne nécessite pas d'Agent spécifique, de service cloud ni de clé API.

Première prise en charge

1. Lisez references/materials.md et exécutez node scripts/intake.mjs. Le script crée des répertoires de matériaux fixes et affiche les éléments manquants.
2. Expliquez une fois, dans la langue de l'utilisateur : mettez le CV dans inputs/resume/ ; les vidéos d'action dans inputs/videos/ ; les photos dans inputs/photos/ ; les logos des écoles et des employeurs dans inputs/logos/ ; les modèles optionnels dans inputs/models/. Donnez les conseils de prise de vue du guide des matériaux et rappelez que l'éclairage du fond vert doit être uniforme et que la personne doit éviter les vêtements verts.
3. Vérifiez les matériaux soumis. Si le CV manque, attendez ; ne fabriquez pas de fausses informations. Si certaines vidéos manquent, analysez d'abord le CV et rédigez le texte ; informez l'utilisateur des blocs qui utiliseront temporairement des photos/séquences répétées et des matériaux encore nécessaires. Les répertoires vides et les images de substitution ne comptent pas comme des matériaux utilisateur.
4. Lisez references/adaptation.md, effectuez l'extraction des faits, le mappage du texte, le traitement des matériaux, le remplacement des composants et la validation par navigateur. Après que l'utilisateur a dit que les matériaux sont prêts, relancez intake ; ne demandez pas à nouveau s'il faut continuer.
5. Utilisez template/resume-portfolio-content-template-general.docx comme table de saisie de texte. Il suit la disposition optimisée à quatre colonnes du mainteneur ; remplissez d'abord l'identité, le À propos, l'éducation/l'expérience professionnelle, les coordonnées, puis remplissez densément modules[]. Les modules[] dans le tableau Word ne présupposent pas de secteur ; l'Agent doit choisir parmi les types tels que projets, portfolio personnel, prix et distinctions, recherche, articles, études de cas ou pratique professionnelle en fonction du CV ; la première ébauche peut inclure 3 modules, le premier module avec un maximum de 4 entrées ; réduisez après confirmation manuelle. Le dépôt utilise template/resume-portfolio-layout-source.docx comme source de mise en page sans métadonnées personnelles ; pour reconstruire une version avec des champs génériques, exécutez python scripts/adapt_user_word_template.py ; n'écrivez pas dans le fichier source.

Faits et contenu

• Le CV original est la source des faits sur la personne. Enregistrez chaque fait à publier avec le numéro de page/paragraphe de l'original dans work/facts.md ; distinguez les titres officiels, les étapes d'études, la participation et la direction, les publications et les soumissions. En cas de conflit ou de dates peu claires, ne demandez que les éléments manquants qui affectent le résultat.
• src/content/profile.js est l'unique point d'entrée pour le texte de la page et les identifiants média. Le tableau Word est l'entrée utilisateur pour l'édition ; profile.json n'est qu'un produit intermédiaire de conversion et ne doit pas être maintenu en parallèle avec la page à long terme. Pour une réplication régulière, modifiez d'abord ces données ; si la structure ne convient pas, ajustez les composants, ne forcez pas six compétences ou quatre expériences.
• Générez un texte concis en chinois et une traduction anglaise fidèle ; conservez l'orientation professionnelle réelle de la personne. Clinical, Research, Publication ne sont que des emplacements visuels de la démo originale, pas des limitations sectorielles. Pour les personnes non académiques, mappez-les vers des projets d'expérience, un portfolio personnel, des prix et distinctions, des études de cas ou une pratique professionnelle, et modifiez simultanément les titres, les légendes des figures et les descriptions des modèles ; les visuels génériques de médecine/microscope/tumeur ne doivent pas être interprétés comme une expérience de débutant.
• Les coordonnées externes sont fournies par l'utilisateur et spécifiées comme publiques ; les numéros de téléphone, dates de naissance, adresses, pièces d'identité non spécifiés ne sont pas publiés. Le CV original et les vidéos originales restent dans inputs, ne peuvent pas être copiés dans public.

Matériaux et livraison

Utilisez npm run media pour traiter les MP4 sur fond vert numérotés 01–07 ; les paramètres et le mappage des prises de vue sont dans materials. Après le traitement, vérifiez les bords, le teint et les coutures de boucle ; les paramètres du script sont un point de départ, pas une garantie de qualité pour tous les fonds verts.

Exécutez successivement npm ci, npm run intake, conversion Word/mappage de contenu, npm run media, npm run build, npm run preview. Utilisez les outils de navigateur disponibles pour vérifier la version desktop et mobile, le bilinguisme, le carrousel, le défilement, la vidéo transparente et la dégradation sans modèle. Déployez d'abord l'aperçu sur un hébergement statique ou une adresse localement accessible ; l'utilisateur clique pour valider et propose des modifications ; les modifications reviennent d'abord dans le tableau Word, puis sont synchronisées dans profile et la page Web. N'exécutez le déploiement officiel qu'après confirmation finale explicite de l'utilisateur. Vérifiez le remplacement avec un profil de nouveau venu réellement différent ; recherchez tous les noms/institutions/coordonnées et textes de substitution ; ne prétendez pas que la réplication est terminée simplement parce que la construction a réussi.

Boucle fermée standardisée et points de blocage

Après avoir téléchargé le projet, collectez d'abord les matériaux dans inputs/, puis lisez les faits du CV et remplissez le tableau Word ; après le traitement des matériaux et le mappage du texte, construisez le site statique, donnez d'abord à l'utilisateur une adresse de prévisualisation ; les commentaires de l'utilisateur sont réécrits dans le tableau Word et le site est reconstruit, puis déployé après confirmation explicite. Le site statique ne dépend pas par défaut d'un serveur backend, mais les vidéos, les polices et les modèles 3D affectent toujours la taille du paquet, la vitesse d'affichage initiale et le quota d'hébergement.

Les points de blocage courants incluent : extraction incomplète des faits due à un format de CV complexe, débordement de couleur sur les bords du fond vert, logo sans autorisation publique, vidéos ou GLB trop volumineux, certains Agents sans bibliothèque d'analyse DOCX, hébergement statique incapable de gérer les gros fichiers ou la dégradation SPA. Les solutions sont : conserver l'index des faits par page/paragraphe, dégrader d'abord avec des photos, enregistrer la source des matériaux, compresser WebM/GLB, utiliser scripts/word_to_profile.py et Python intégré, placer les gros matériaux sur un stockage d'objets ou utiliser un CDN statique, et effectuer une validation réelle par navigateur après chaque construction.

Livrez l'aperçu local, le code source du site terminé, l'index d'utilisation des matériaux et les résultats de validation. Par défaut, ne téléchargez pas de nouveaux matériaux utilisateur, ne déployez pas automatiquement. Lors de la publication ou du téléchargement, respectez l'autorisation actuelle de l'utilisateur. Les blocs de substitution dus à un manque de matériaux sont clairement listés.