claude-code - 💡(How to fix) Fix [FEATURE] In-app UI preview with visual review via Claude [1 comments, 2 participants]

Preflight Checklist

• I have searched existing requests and this feature hasn't been requested yet
• This is a single feature request (not multiple features)

Problem Statement

Claude Code has no way to render or visually review HTML/CSS output inside the app. To check UI, I must switch to a browser, screenshot manually, then paste back into chat. This breaks the dev loop significantly.

Proposed Solution

A built-in UI preview panel inside Claude Code that allows:

1. Live render of HTML/CSS files
2. Snapshot or select an element → "Ask Claude to review this UI"
3. Claude responds with visual feedback directly in chat — no context-switching needed

Alternative Solutions

Currently must open a separate browser, take a screenshot manually, then drag into chat. Cursor supports in-app UI review natively. This is a significant friction point for frontend work.

Priority

High - Significant impact on productivity

Feature Category

Developer tools/SDK

Use Case Example

a1. I edit a landing page (HTML/CSS) in Claude Code 2. I open the built-in preview panel 3. 3. I select a section that looks broken on mobile 4. 4. I click "Ask Claude" → Claude sees the visual and explains the layout issue 5. 5. I fix it without ever leaving Claude Code

Additional Context

Similar feature exists in Cursor. Would be especially useful for frontend/HTML projects reviewed entirely inside Claude Code.