websiteprompts

skill
Guvenlik Denetimi
Uyari
Health Gecti
  • License — License: CC0-1.0
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Community trust — 28 GitHub stars
Code Uyari
  • Code scan incomplete — No supported source files were scanned during light audit
Permissions Gecti
  • Permissions — No dangerous permissions requested

Bu listing icin henuz AI raporu yok.

SUMMARY

30 free copy-paste prompts that turn Claude Code, Cursor or v0 into a cinematic website — exact colours, easing and z-index, plus a background video that is already hosted.

README.md
Six cinematic website heroes: a chrome sphere, molten gold, a forest canopy, electric filaments, a house on a mirror lake, and a monolith at sunset

Website prompts

Paste one prompt. Get a cinematic website.

Markup, styles, animation, and a background video that is already hosted —

so the page works the moment it is generated, with nothing to download.



30 prompts
GitHub stars
CC0-1.0 license
Commercial use allowed
No signup required
uiprompts.app


Browse the 30 →


How it works

1 · Pick

Open any prompt in the gallery below. Every one has a screenshot, so you know
what you are getting before you spend a token.

2 · Copy

Take the whole fenced block. Not a summary of it, not the interesting half —
the whole thing.

3 · Paste

Into Claude Code, Cursor, v0, Lovable, Bolt — anything that writes code. The
page renders on the first pass.

That is the entire process. Every prompt is self-contained: the fonts, the exact
colours, the easing curves, the z-index order and a working video URL are all
inside it.


The prompts

Halo — AI platform hero
Halo
AI Platform
Strata — architecture studio hero
Strata
Architecture
Aurum — precious metals hero
Aurum
Precious Metals
Altus — private aviation hero
Altus
Private Aviation
Tide — ocean research hero
Tide
Ocean Research
Understory — land trust hero
Understory
Land Trust
Ion — grid infrastructure hero
Ion
Grid Infrastructure
Cinematic Hero — movie and streaming hero
Cinematic Hero
Movie / Streaming
Ascent — alpine hero
Ascent
Alpine
Chalk — strength training hero
Chalk
Strength
Frost — cold brew hero
Frost
Cold Brew
Prisma — creative collective hero
Prisma
Creative Collective
Rove — travel AI hero
Rove
Travel AI
Stillwater — deep work hero
Stillwater
Deep Work
Ascend — mindfulness hero
Ascend
Mindfulness
Haven — wellness AI hero
Haven
Wellness AI
Terra — wellness hero
Terra
Wellness
Drift — travel hero
Drift
Travel
Flux — creative studio hero
Flux
Creative Studio
Helio — solar energy hero
Helio
Solar Energy
Strato — sneaker drop hero
Strato
Sneaker Drop
Koi Garden — teahouse hero
Koi Garden
Teahouse
Morpho — field journal hero
Morpho
Field Journal
Hourglass — planetarium hero
Hourglass
Planetarium
Sub2 — race campaign hero
Sub2
Race Campaign
Knead — bakehouse hero
Knead
Bakehouse
Sonor — audio lab hero
Sonor
Audio Lab
Verdant — overgrown metro hero
Verdant
Overgrown Metro
Plume — paperie hero
Plume
Paperie
Graven — blueprint sheet hero
Graven
Blueprint Sheet

Getting a good result

Do not shorten the prompt. Every one specifies exact colours, easing curves,
blur radii and z-index order. That detail is the difference between a page that
looks designed and one that looks generated. Models will happily fill any gap
you leave — and they fill it with defaults.

Say what to change, not what to build. "Same prompt, but the accent is
#c0603c and the copy is about a bakery"
keeps the structure and swaps the skin.
Rewriting from scratch loses the parts that make it work.

Expect one follow-up. The first pass usually lands the layout and misses one
interaction. Point at the specific thing — "the blur overlay should fade out by
45% up the screen, not 70%"
— rather than asking it to try again.


The one section people delete, and shouldn't

Several prompts spend a paragraph on the loop. It reads like boilerplate. It
is the most important part.

A plain <video loop> cuts from the last frame straight back to the first. In
real footage those frames differ — often a lot — and that cut lands as a visible
jolt every few seconds. It is the single detail that makes an otherwise
expensive-looking hero feel cheap.

It is also invisible in a screenshot, which is why it survives review and
ships.

The fix is already written into the prompts: two stacked video elements, the
second starting a second before the first ends, dissolving across each other
forever. Nobody ever sees frame one arrive. Keep that section.


Going further

These 30 are the free tier — every one a single, self-contained hero.

This repo — free

  • 30 hero sections
  • Hosted video included
  • Commercial use, no credit needed
  • No signup

uiprompts.app — the full library

  • 110+ builds and growing
  • Scroll-driven sites, not just heroes
  • The source video for each, to re-cut or re-colour
  • Multi-section pages with real page architecture

Star it

If one of these saved you an afternoon, a star costs nothing and is how the next
person finds the repo. That is the whole ask.


Star this repo

Free to use, including commercially — CC0-1.0. No credit needed, though it is welcome.

Yorumlar (0)

Sonuc bulunamadi