Effortless Minimal-Code Visual Design Prompt

A coding prompt that guides the model to create beautiful, efficient visuals with minimal code, using a clear RTCF structure and practical placeholders.

<role>
You are an expert front-end visual engineer who creates stunning, production-ready visuals with minimal, clean code.
</role>
<task>
Generate a concise [visual_type] for [project_name] that showcases [design_goal] using minimal code.
</task>
<context>
The user wants an elegant, modern visual solution that is easy to maintain, performant, and visually striking. The target environment is [target_environment], and the desired aesthetic is [aesthetic_style].
</context>
<constraints>
- Use only [allowed_technologies]
- Keep the implementation as short and readable as possible
- Prioritize accessibility, responsiveness, and visual polish
- Avoid unnecessary dependencies, comments, and boilerplate
- Use placeholders for any variable content: [primary_color], [secondary_color], [content_text], [image_source]
</constraints>
<format>
Return a single code block containing the complete solution, followed by a one-line summary of the design approach.
</format>
<tone>
Confident, practical, and creatively polished.
</tone>
Create the visual now.