Técnico en redes y soporte TI - Objetivo: crear una página web personal que funcione como CV, escrita mediante prompts en Lovable, y publicarla...
Generated Prompt
## APPLICATION OVERVIEW This project aims to create a personal CV landing page that showcases an individual's professional profile. The single-page website will present essential information such as experience, education, skills, and contact details in a clean, minimalist design, ensuring it is responsive and visually appealing across devices. ## CORE FEATURES 1. **Hero Section**: Features the user's name prominently, professional title, circular photo, and a "Contáctame" button for easy communication. 2. **About Me**: A brief summary section that introduces the user and highlights key personal attributes. 3. **Experience**: Displayed in card format, this section lists relevant work or project experience, including position, company, dates, and achievements. 4. **Education**: A concise overview of the user's educational background. 5. **Skills**: A section that showcases both technical and soft skills using tags for clarity. 6. **Projects**: Highlights notable projects with brief descriptions and links for further exploration. 7. **Contact Section**: Provides email and LinkedIn links along with a simple contact form for inquiries. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography - **Color Mode**: Light theme with dark text on light backgrounds - **Primary Color**: #1978E5 (accent for buttons, links, highlights) - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs - **Layout**: The main layout consists of stacked sections for each feature, utilizing a single-column format for mobile responsiveness, with cards and tags to clearly display information. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not required for this static content application ## IMPLEMENTATION STEPS 1. **Prepare the Content**: Gather all necessary information based on the provided template, including name, professional title, experience, education, skills, and projects. 2. **Create a New Project**: Navigate to lovable.dev, create a new project, and enter the initial prompt based on the structured data. 3. **Base Prompt**: Use the following prompt: ``` Crea un sitio web de CV personal de una sola página, en español, diseño moderno y limpio, responsive (que se vea bien en celular). Usa tarjetas con esquinas redondeadas y una paleta de #1978E5 y blanco. Secciones: (1) Inicio con nombre grande, titular profesional, foto circular y botón "Contáctame"; (2) Sobre mí con el resumen; (3) Experiencia en tarjetas con puesto, empresa, fechas y logros; (4) Educación; (5) Habilidades en etiquetas; (6) Proyectos en tarjetas con enlace; (7) Contacto con correo, LinkedIn y un formulario sencillo. Usa estos datos: [pegar los datos de la plantilla]. No inventes información: si falta un dato, deja un espacio marcado como "[completar]". ``` 4. **Iterate with Specific Prompts**: Make incremental changes to the page based on testing and feedback, such as altering background colors, adding sections, or adjusting mobile layouts. 5. **Review and Publish**: After final adjustments and spelling checks, publish the CV and obtain the public link. 6. **Delivery**: Provide the public link, a log of prompts used with their objectives and outcomes, and a brief reflection on the most effective prompt and lessons learned. ## USER EXPERIENCE The user will interact with the landing page through intuitive navigation, easily accessing each section from the hero at the top to the contact form at the bottom. The responsive design ensures that the page looks great on both desktop and mobile devices, enhancing accessibility and user satisfaction. The use of clear typography and ample white space will guide the viewer's focus, ensuring a pleasant browsing experience.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
