designlisted

# Frontend Design > **Browser access.** Use the built-in browser tools. `mcp__Claude_Browser__*` > covers navigation, DOM reads (`read_page`), screenshots and `resize_window`; > reach for chrome-devtools `emulate` when a mobile *device* gate has to fire, > which `resize_window` alone does not guarantee. The `browser` skill and the > `agent-browser` steps were dropped in 8.79.0 — do not reach for that CLI here. > (The binary itself is still installed for kb-factory's JS-rendered crawls; > that is a separate consumer, not a fallback for page verification.) Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. ## When to Use - Building web components, pages, or applications - Creating marketing/landing pages - UI that needs to look professionally designed - Any frontend where visual quality matters ## Design Thinking Before coding, commit to a **bold aesthetic direction**: 1. **Purpose**: What problem does this solve? Who uses it? 2. **Tone**: Pick an extreme: - Brutally minimal - Maximalist chaos - Retro-futuristic - Organic/natural - Luxury/refined - Playful/toy-like - Editorial/magazine - Brutalist/raw - Art deco/geometric - Soft/pastel - Industrial/utilitarian 3. **Differentiation**: What makes this unforgettable? Choose a clear direction and execute with precision. Bold maximalism and refined minimalism both work - the key is **intentionality, not intensity**. ## Implementation Create wor