home/roleplay/how-to-build-prompts

HOW TO BUILD PROMPTS

GPTClaudeGemini··1,263 copies·updated 2026-07-14
how-to-build-prompts.prompt
# How to Build Prompts Fast

The people writing great UI prompts aren't starting from scratch each time. They use a repeatable system. Here's the exact system.

---

## The Core Insight

**Every design decision becomes a prompt line.**

When you build a UI, you're making hundreds of micro-decisions — font size, spacing, color, animation duration. A great prompt captures all of them. A vague prompt captures none.

---

## Method 1: Screenshot → Prompt (fastest, ~10 min)

1. Find a landing page you want to replicate (Dribbble, Mobbin, Awwwards)
2. Take a screenshot
3. Open Claude and say:

when to use it

Community prompt sourced from the open-source GitHub repo P-r-e-m-i-u-m/ui-prompt-library (MIT). A "HOW TO BUILD PROMPTS" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.

tags

roleplaycommunitygeneral

source

P-r-e-m-i-u-m/ui-prompt-library · MIT