1. Step 1~10 min

    Plan the site

    Work out what the site should contain first. It saves far more time than jumping straight into code.

    ClaudeLegendary2 elixirVPN needed in China

    Or useDeepSeek

    Prompt template
    I want a personal portfolio site and I work as a [job]. Plan the page structure (sections and what goes in each) and suggest colors and fonts.
  2. Step 2~60 min

    Have AI write the pages

    Open an empty folder, paste in the plan and have AI write a one-page site. Then ask for changes one at a time.

    CursorLegendary4 elixirVPN needed in China

    Or useTrae

    Prompt template
    Using the plan below, build a responsive one-page personal site in plain HTML and CSS that also looks good on phones. Plan: [paste here]
  3. Step 3~20 min

    Create an avatar and images

    Make a stylized avatar and a few section images to replace the placeholders.

    MidjourneyLegendary4 elixirVPN needed in China

    Or useDreamina

    Prompt template
    [describe yourself], flat illustration avatar, simple background, bright colors --ar 1:1
  4. Step 4~10 min

    Cut out and upscale

    Remove photo backgrounds for a cleaner look, and upscale blurry images before adding them.

    remove.bgCommon1 elixirWorks in China

    Or useUpscayl