1-Hour AI Workshop: From Zero to Launching Your Personal Portfolio

This workshop integrates generative AI tools such as Lovable, GitHub Copilot CLI, Claude, ChatGPT Canvas, and Gemini to help developers define, design, develop, and deploy their personal portfolios in one hour, addressing the issues of long time consumption and high design barriers in traditional methods.

Background: A personal portfolio is an important channel for developers to showcase their skills and build a professional image, but traditional methods take days or even weeks, and some developers struggle to complete it due to time or design ability constraints. Core Concepts: AI as an assistant rather than a replacement, treating AI as a collaborative partner; adopting a layered design with 60% for beginners and 40% for advanced users to adapt to participants of different backgrounds.

The workshop integrates five AI tools with distinct roles:

• Lovable: Full-stack website generation, converting natural language into code structures to quickly produce prototypes;
• GitHub Copilot CLI: Terminal-driven scaffolding to improve project initialization efficiency;
• Claude: Design and content creation, with Artifacts and Projects features handling UI components and copywriting;
• ChatGPT Canvas: Collaborative editing environment to optimize content iteration;
• Google Gemini: Multimodal exploration, providing design inspiration and visual references.

Core resources include:

• Main prompt template (portfolio-prompt.md): Fill in the placeholders to get personalized guidance, lowering the barrier to use;
• Design specification document (design.md): Defines design tokens, layout rules, and quality standards to ensure professional generated content;
• Reusable skill files: Stored in the skills directory, importing into Copilot/Claude improves AI understanding accuracy;
• Reference portfolios: Provides beginner and advanced versions that can be directly forked and modified.

Technical Implementation: Uses Slidev as the presentation framework; slides.md serves as both a presentation and a project landing page, embodying the 'document as code' concept. Deployment Options: Supports two mainstream methods—GitHub Pages (suitable for those familiar with the GitHub ecosystem) and Vercel (providing powerful build, automatic preview, and rollback functions).

Application Value: Improves interview opportunities for job seekers, enhances client trust for freelancers, and showcases technical capabilities for open-source contributors. Community Impact: The project is open-sourced under the MIT license, encouraging forking, remixing, and publishing to promote knowledge dissemination and technological evolution.

This project focuses on solving practical problems, proving that with the guidance of the right tools and methods, work that originally took days can be compressed to one hour. It demonstrates the new paradigm where developers' core competitiveness in the AI era shifts to 'effectively using AI tools to solve problems', reflecting the intuitive efficiency value that AI technology brings to the developer community.