Prompts de vibe coding

Portfolio · Beginner

Portfolio de développeur distinctif

Montre le jugement technique et les résultats par des études de cas plutôt que par une mosaïque de logos.

Vibe Codingv0LovableBolt

Modèle de prompt à copier

Le modèle technique reste en anglais afin de fonctionner directement avec les agents compatibles. Les explications, critères de choix et vérifications sont localisés.

Build a distinctive developer portfolio for [NAME], a [SPECIALTY] developer seeking [GOAL].

The portfolio should feel like a thoughtful product, not a résumé pasted into cards. Lead with evidence of judgment and shipped work.

Content and structure:
- Hero: one precise positioning statement, current availability, and links to selected work and contact.
- Selected work: [NUMBER] case studies. Each must show the problem, constraints, key technical decision, personal contribution, measurable result, and one lesson learned.
- Experience: a compact timeline emphasizing scope and outcomes rather than job descriptions.
- Capabilities: organize technologies by what they enable; do not create a logo cloud.
- About: a short, specific personal note that supports the professional story.
- Contact: email, GitHub, [OTHER NETWORK], and a copy-email interaction.

Design direction:
- Inspiration: [DESIGN INSPIRATION], interpreted rather than copied.
- Typography: [TYPOGRAPHY DIRECTION].
- Color: [COLOR DIRECTION].
- Add one signature interaction that reinforces the developer’s specialty, while respecting reduced-motion preferences.
- Use project-specific visual placeholders with meaningful captions.

Implementation requirements:
- Fully responsive, semantic, keyboard accessible, and fast.
- Add useful metadata, social sharing metadata, and print-friendly résumé styling.
- Use realistic editable content objects for projects and experience.
- No fake testimonials, fake client logos, skill percentages, or generic claims such as “passionate developer.”

Adapter avant utilisation

Remplacez chaque variable, retirez les fonctions inutiles et ajoutez vos vrais contenus, contraintes techniques et critères d’acceptation.

  • NAME — Maya Chen
  • SPECIALTY — frontend systems
  • GOAL — senior product engineering roles
  • NUMBER — 3
  • OTHER NETWORK — LinkedIn
  • DESIGN INSPIRATION — independent editorial magazine
  • TYPOGRAPHY / COLOR DIRECTION — expressive serif headlines; warm paper and cobalt

Contrôler le résultat méthodiquement

Testez le mobile, le clavier, les états de chargement, vide et erreur, ainsi que le parcours principal avec des données réalistes.

Choisir un outil IA

Source et maintenance