VS Code extension: Artifact rendering issues - unreadable formatting

[firatsarlar]

GitHub Issue: Claude Code VS Code Extension Artifact Rendering

Repository: anthropics/claude-code
Title: VS Code extension: Artifact rendering issues - unreadable formatting

Problem

Artifacts displayed in VS Code extension have severe readability issues:

1. Zero vertical padding between code lines - text appears cramped
2. Background styling issues - inconsistent or missing background per line
3. Overall poor reading experience compared to Claude Desktop app

Expected Behavior

Artifacts should render with:

• Proper vertical spacing (line-height) for readability
• Consistent background styling per code block (not per line)
• Similar quality to Claude Desktop artifact display

Environment

• VS Code version: 1.108.0
• Claude Code extension version: 2.1.5
• Platform: macOS (Darwin 25.2.0)

Impact

Long code examples, terminal output, and documentation become incredibly hard to read, forcing users to copy content to external files just to review it.

Suggested Fix

Apply proper CSS styling to artifact containers:

• line-height: 1.5 minimum
• Background should apply to container, not individual lines
• Match Claude Desktop styling where possible

How to Submit

# Install gh CLI if needed: brew install gh
gh auth login
gh issue create --repo anthropics/claude-code --title "VS Code extension: Artifact rendering issues" --body-file docs/plans/project-inspection-github-issue.md