AI Agent Use Cases
Views —

AI Agent Use Cases

Added today

44All 189

Prompt to Prepare a Shopping Cart from a Recipe Photo

The author reports that Grok Bot receives a recipe photo, organizes the ingredients and quantities, and creates a shopping list by excluding ingredients already available at home.

Grok Bot
Life & Hobbies

1–20 of 189

DevWalkthrough

Fixing Mobile Screen Overflow Caused by Long Titles

When a long identifier title in a Markdown tool caused horizontal scrolling, the author fixed the title wrapping using Claude Code.

Claude Code

How it works

  1. Simon Willison's Markdown SVG tool can have titles with long, unbroken strings.
  2. A public commit changed the title wrapping so that such titles no longer cause horizontal scrolling on mobile. The author also included a link to the Claude Code session.

Results

The code change that fixed the mobile title overflow is recorded in the October 18 commit.

Notes

This summary is based on the commit's problem description and changes. It does not mean that every mobile layout on the site has been verified.

Source

GitHub Original post ↗

Example prompt · Claude Code

Goal: Fix the error where long titles cause the mobile screen to overflow horizontally.

Input/Environment: [Page with the issue], [Long title test string], [Mobile screen width], [Existing style file].

Reference original: https://github.com/simonw/tools/commit/9a09bb60bb712fcd849af497d4dfc5ff62de9268

Reproduce and fix the issue where a long identifier in the title causes the page to overflow horizontally. First, check which element actually causes the overflow and what CSS is applied. Make sure the title wraps for readability, but keep the existing horizontal scroll behavior for code blocks and tables. Make the change as a small patch, and record before/after screenshots and the screen width you checked.

Do not speculate about account connection methods or outcomes not in the original; first, explain the required settings and execution steps. Start from a working copy to preserve existing data, and mark any items you cannot access as needing verification.

Verification: Check with a long unbroken string, a normal sentence, and a Korean title on both narrow mobile and desktop screens. Measure whether horizontal overflow is gone from the entire document, and check that no other elements are cut off or overlapping.

Summarize the inputs used, execution log, and results you confirmed along with the deliverables. Clearly separate any parts that failed or have not yet been executed from completed work.