Home › Prompts › Community › Dota 2 Hero Stats and Builds Website Design

Dota 2 Hero Stats and Builds Website Design

Any chat AICodingCommunity (CC0)

Note: Review and test before use. Provided as is, without warranty. See Terms.

Prompt

Download  
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.

How to use

More: all coding prompts · all community prompts · prompt library

Related prompts

Safe refactor plan with small steps

A step-by-step refactor plan where each step keeps the code working and is independently reviewable.

Any chat AICoding

Debug an error with hypotheses

A debugging prompt that makes the model rank hypotheses and suggest the fastest checks instead of guessing a fix.

ChatGPTCoding

Thorough pull request review

A structured code review focused on correctness, security and maintainability, with severity labels and concrete fixes.

ClaudeCoding

Generate meaningful unit tests

Tests that cover behavior, edge cases and failure modes for a function, in your framework's style.

ClaudeCoding

Explain an unfamiliar codebase

Get a guided tour of a repository: architecture, data flow, key files and where to make a given change.

GeminiCoding

Write and explain a SQL query from a schema

Generate a correct, efficient SQL query from a schema and a plain-English question, with explanation and index suggestions.

GrokCoding

Get new rules weekly

One email a week: fresh rule files, agent tips, and what's changing in Cursor, Claude Code and Copilot. Free, unsubscribe anytime.

Opens the Rulestack Newsletter on beehiiv in a new tab. Or subscribe directly on beehiiv.