在數位時代，一個個人網站不僅是你的名片，更是展示你專業能力、經歷與個人品牌的強大工具。然而，從頭開始建立一個網站，往往需要技術知識、時間與大量精力。我們深知這個痛點，因此開發了這款劃時代的AI 個人網站生成器，旨在將繁瑣的建站過程，轉化為只需一鍵即可完成的輕鬆體驗。

點子發想是想提供一個快速、高效且完全個人化的網站解決方案，讓你的專業形象在線上脫穎而出。

在前幾項產品中，我主要使用 Lovable 進行產品原型開發，而這次我將使用 Google AI Studio 中的 「Build apps with Gemini」 功能來開發產品。

一、要解決什麼問題？

• 技術門檻高：多數人缺乏網頁設計與開發技能，無法獨立建立一個專業網站。
• 耗時費力：手動整理履歷、撰寫文案、設計排版，過程冗長且重複性高。
• 內容更新困擾：當經歷或技能有變動時，網站需要手動更新，維護成本高昂。
• 缺乏個人品牌呈現：一般的線上履歷模板難以展現獨特的個人風格與專業形象。

我們的平台旨在打破這些障礙，為用戶提供一個零技術門檻、自動化、且隨時更新的個人網站解決方案。

二、提示詞設計：智能建站的幕後英雄

Please build a comprehensive AI-Powered Personal Website . with the following core features:

1. LinkedIn Profile Integration
- Data Scraper: The system will use secure API integration to pull key information from a user's LinkedIn profile, including:
- Personal Information: Name, photo, and professional headline.
- Experience: Job titles, companies, dates, and descriptions.
- Education: Degrees, institutions, and dates.
- Skills & Endorsements: A list of skills and any associated endorsements.
- Summary & About Me: The professional summary written by the user.
- Consent & Authentication: The product must use a secure and transparent process for obtaining user consent and authenticating with their LinkedIn account.

2. Automated Website Generation in One Click
- AI-Powered Layout Engine: The AI will analyze the scraped data and generate a structured, visually appealing personal website. It will automatically categorize content into sections like "About," "Experience," "Education," and "Skills."
- Template Library: A selection of professional, customizable templates will be available. Users can choose a template to fit their personal brand.
- Design Customization: Users will have the option to customize the website's appearance, including:
- Color Schemes & Fonts: Select from a range of professional color palettes and font pairings.
- Layout & Order: Rearrange sections or add new ones.

3. Publishing & Management
- Preview Functionality: Users can preview the generated website before publishing it.
- Custom URL: The system will provide a unique, shareable URL for the new website (e.g., yourname.ourdomain.com). The option for a custom domain will be a potential future feature.
- Live Updates: The platform will offer a simple way to automatically or manually sync with the user's LinkedIn profile to keep the website up-to-date.

4. Technical Requirements
- LLM Model Integration: All AI agents within the platform must be capable of connecting to different Latest Large Language Models (LLMs) . The user should only need to input their personal API key to enable and utilize these features. (add ChatGPT, Gemini, Grok, Claude latest model)

Gemini: gemini-2.5-flash, gemini-2.5-pro
ChatGPT: GPT-5, GPT-4o, GPT-4o mini
Grok: Grok 4, Grok 3
Claude: Claude 4 Sonnect, Claude 3.7 Sonnect

三、產品原型呈現

該產品的核心功能是利用 AI 技術，將使用者的個人資訊自動轉化為一個結構化、視覺化的個人網站。其工作流程如下：

• 提供個人資料 (Provide Profile Content): 使用者可以上傳一張個人照片，並貼上或上傳他們的履歷 (CV / Resume)。圖片中以 Elon Musk 的資料為範例，包含了他的現職、興趣和教育背景等。
• 配置 AI 模型 (Configure AI Model): 產品預設使用 Google Gemini 作為其大型語言模型 (LLM) 供應商。使用者需要輸入他們的 Gemini API Key 來啟用生成功能。
• 生成網站 (Generate Website): 一旦所有資訊配置完成，使用者點擊藍色的 "Generate Website" 按鈕，AI 便會根據提供的資料，自動生成一個專業的個人網站。

生成網站頁面內容與結構

AI 根據輸入的資料，生成了一個包含多個區塊的網站。這些區塊井然有序，能夠清晰地展示一個專業人士的完整面貌。

• 首頁 (首圖): 網站的首頁簡潔有力。左側是使用者的個人頭像，右側是姓名、職稱和一句精煉的個人簡介。下方設有 "View Experience" 和 "About Me" 兩個按鈕，引導訪客深入了解。
  

• 職涯經歷 (Career Journey): 這個區塊以時間軸的形式，展示了使用者的職業發展軌跡。範例中展示了 Elon Musk 在 SpaceX、Tesla 和 The Boring Company 的經歷，並列出了各職位的關鍵職責。
  

• 教育背景與技能 (Education & Skills): 這部分詳細介紹了學術背景和專業能力。它列出了教育機構、學位，並以進度條的形式視覺化地展示了各項技能的熟練程度，如 物理 (Physics)、企業家精神 (Entrepreneurship) 等。
  

• 專案與事業 (Projects & Ventures): 這個區塊聚焦於個人的「成果」。它以卡片形式展示了使用者所參與或創立的重大專案，例如 SpaceX 的 Falcon Rocket Series、Tesla Roadster 等。每張卡片都包含專案名稱、簡介和相關標籤，點擊可進一步查看專案詳情。
  

• 個人興趣 (Interests): 網站的最後一個區塊展示了使用者的個人興趣，這有助於營造更立體、人性化的個人形象。例如，圖片中列出了 Space Exploration、Sustainable Energy 和 Artificial Intelligence 等興趣，並附帶了簡短的描述。
  

AI 個人網站生成器不僅僅是一個工具，它是一個賦予你數位影響力的平台。我們相信，透過 AI 的力量，每個人都能輕鬆擁有一個專業且具備個人風格的線上門面，讓你的才華被世界看見。