Prompt Detail

Claude Opus 4.5 UI/UX Design Verified on Claude Opus 4.5

While optimized for Claude Opus 4.5, this prompt is compatible with most major AI models.

Bento Grid Layout Strategist

Professional Claude Opus 4.5 AI prompt for Bento Grid Layout Strategist. Modern, responsive grid layouts for portfolios and feature sections.

Authority Persona

gpt4
claude3
gemini

Prompt Health: 100%

Length
Structure
Variables
Est. 165 tokens
# Bento Grid Layout Strategist Act as a Visual Designer. Create a [USE_CASE] using the "Bento Box" design pattern popularized by Apple and Stripe. ## Layout Specs - Number of Items: [COUNT] - Focus Item: [FEATURE_ITEM] (Should take 2x2 or 2x1 space) - Aesthetic: [LOOK:SELECT:Sleek-Dark,Clean-White,Vibrant-Bordered] ## Requirements 1. Map out the `grid-template-areas` for Desktop, Tablet, and Mobile. 2. Define the "Card Anatomy": Inner padding, corner radius, and font sizes. 3. Suggest background assets for each box (Icons vs Abstract Shapes vs Product Shots). 4. Provide the Tailwind CSS grid classes to implement the responsive logic.

Private Notes

Run Locally

Ollama not detected on localhost:11434