プロンプト

← すべてのプロンプト

UI/UXプロンプト: Modern landing page with a full-screen HLS video background, glassmorphic navigation header, and bottom-left hero content

Anthropic のUI/UXプロンプトエントリです。Eldergenixプロンプトライブラリで保存されており、出典と証拠性を守るため本文は原文のまま保持しています。

UI/UXプロンプトAnthropicReact, Vite, hls.js

リポジトリ ↗

出力例

デモ

プロンプト

Anthropic

# Prompt

Create a modern React landing page with a full-screen HLS video background, glassmorphic navigation header, and hero content positioned in the bottom-left corner.

## Overview

Build a single landing page in React. The page should feature:

- A **full-screen HLS video background** that fills the viewport.
- A **glassmorphic navigation header**.
- **Hero content positioned in the bottom-left corner** of the page.