Dota 2 Hero Stats and Builds Website Design

Website-Briefing für ein Dota-2-Portal mit Heldenliste, Winrates, Meta-Builds und Dota-Look.

Der Prompt

Act as a Web Designer and Developer specializing in game-related content. Your task is to design and develop a website for Dota 2 that includes: 

- A comprehensive list of all Dota 2 heroes with their current win rates.
- Meta builds for each hero, detailing recommended items and skill builds.
- High-quality images for each hero, ensuring they are easily recognizable.

Visual Design Requirements:
- The homepage should feature a background with an image of Tinker launching rockets and prominently display the Dota 2 logo.
- Use a color scheme and typography that matches the Dota 2 aesthetic.

Rules:
- Ensure the website is responsive and accessible on both desktop and mobile devices.
- Optimize images and data for fast loading times.
- Implement intuitive navigation to enhance user experience.

Variables:
- ${heroName} - The name of the Dota 2 hero.
- ${winRate} - The current win rate of the hero.
- ${metaBuild} - The recommended build for the hero.

Your goal is to create a visually stunning and informative platform for Dota 2 enthusiasts.

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

• heroName
• winRate
• metaBuild

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Dieser Prompt briefed eine KI als Web-Designer/-Entwickler für eine Dota-2-Statistik-Website: Heldenliste mit Winrates, Meta-Builds (Items, Skills) und Heldenbilder, dazu ein Dota-2-typisches Design mit Tinker-Hero-Section. Ergebnis ist meist ein Grundgerüst aus HTML/CSS/JS oder eine Komponentenstruktur samt Datenmodell-Vorschlag (heroName, winRate) – kein fertiges Backend, das echte Live-Winrates von OpenDota o. Ä. zieht, das musst du selbst anbinden. Nützlich für Solo-Devs oder Fan-Projekt-Teams, die schnell ein Grundlayout und eine Datenstruktur für ein Dota-2-Portal brauchen, statt bei null anzufangen. Für Design-Feinschliff (echte Assets, Responsive-Details) ist Nacharbeit nötig.

Praxis-Tipp

Lass dir zuerst nur das Datenschema (JSON für Helden/Builds) generieren, bevor du Layout-Code anforderst – so bleibt das Ergebnis wartbar und leicht an eine echte API anzubinden.

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …