Créer 4 sites en 8 minutes avec Claude Code

Summary of technological concepts & features (Claude Code / “+5”)

The video demonstrates using Claude Code (Claude +5) to generate complete website pages quickly from short, natural-language prompts—often without needing examples or extensive prompt engineering. The speaker emphasizes that quality improves significantly at “+5”, producing sites that look closer to designer-made work than typical AI-generated pages.

Core workflow shown

1. Open Claude Code
2. Choose a template
   • Recommends Opus 5 as the best value.
   • Mentions Fable 5 as excellent but more expensive, with minimal difference for this task.
3. Set “level of effort”
   • Mentions opting for an extra level.
4. Choose a working folder for projects
   • Includes an example folder name.
5. Use short prompts to generate pages
   • Optionally request modifications afterward.
6. Validate the style, then extend to other pages
   • The shown projects are one-page examples.

How prompts are structured (prompting “best practices”)

The speaker claims that at +5, Claude performs well even with few resources, as long as the prompt communicates:

• Brand purpose + visual direction

Useful prompt elements include:

• Brand/site goal
  • Examples: “homepage for my CrossFit brand”, “yoga studio”, “financial consulting”, “software that automates emails…”
• Visual style descriptors
  • Examples: “organic web design”, “soft rounded shapes”, “lots of space”, “asymmetrical composition”, “luxurious proportion”, “structured precision and alignment”
• Minimal text requirements
  • Sometimes the text may need rework.

Reviews / results for the 4 generated sites

For each site, the speaker highlights professionalism, visual coherence, and interaction details.

1) CrossFit brand homepage

• Prompt: very short—essentially “Create a homepage for my CrossFit brand…”
• Praised for
  • Brutalist style preserved while still looking unique
  • Nice animations
  • Clear call to action
• Note: the speaker suggests the text might need reworking, but the layout/design quality is strong.

2) Yoga studio homepage

• Prompt includes style direction:
  • “organic web design”, “soft rounded shapes”, “lots of space”, “circular [elements/cases]”
• Praised for
  • Clean layout
  • Good menu
  • Menu animation micro-details (treated as a sign of professionalism)
  • Generated icons
  • Pleasant visual style with animations

3) Financial consulting site

• Prompt includes branding + offer + prestige cues:
  • “one-to-one consulting and events worldwide”
  • Brand: Finance Consult
• Style descriptors:
  • “sophisticated editorial”, “asymmetrical composition”, “refined detail”, “luxurious proportion”
• Praised for
  • Professional animation
  • Correct inclusion of upcoming events
  • “High-end” look despite limited input
• Critique: colors felt too similar to the previous site.

4) Software homepage (email automation + ad management)

• Prompt includes product explanation + UI direction:
  • Automate emails
  • Manage Google Ads and Instagram ads
• Style direction:
  • “modern interface with a structured level of precision and alignment”
• Praised for
  • Very clean and professional layout
  • Thoughtfully designed hover animations
  • Clear user journey: explore, learn more, and start a trial
• Critique: potentially too many classic colors, but overall “top-of-the-line”.

Modification & publishing notes

• Claude Code is presented as producing a strong starting point, but tweaks will likely be needed.
• Mentions using the “H Stinger” plugin to assist with modifications.
• The video suggests approving the style and then generating additional pages.
• Briefly mentions moving toward publishing the site online (details not shown).

Main speaker / sources

• Main speaker: the video author/host
  • References “Lia” as the person/AI previously assisting with most of the work, and “Claude” inside Claude Code.
• Tools mentioned as sources:
  • Claude Code (Claude “+5”)
  • Optionally H Stinger plugin