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

Marketing & DesignWalkthrough

Fixing Separate Movement for Photo and Crop Area on Mobile Devices

The author reports fixing an issue where touch input was incorrectly detected in the photo cropping tool using Claude Code, and also adjusted the zoom button and background color selection.

Claude Code

How it works

  1. The author added a button to choose whether to move the photo or the crop frame. They also separated single-finger movement from two-finger zoom gestures.
  2. The author identified a problem on mobile devices where the crop frame was intercepting touch events, and changed which element receives touch input depending on the selected mode.
  3. The author fixed the zoom button so that holding it down continuously zooms in, and set the default background color to match the photo's edge color if it is uniform.

Results

The author reports that the modification process and Claude Code session are recorded in a public pull request. The results have been applied to the social image cropping tool.

Notes

The author's change log was reviewed, but independent reproduction of the mobile device operation was not performed.

Source

GitHub Original post ↗

Example prompt · Claude Code

Goal: Fix the photo cropping tool so that on mobile devices, the photo and the crop area can be moved separately.

Input/Environment: [Photo cropping tool repository], [Test image], [Output aspect ratio], [Supported mobile browsers].

Reference original: https://github.com/simonw/tools/commit/152fd93b7a6fdd3447ec55798e54dbef1630b911

With reference to the public modification case, improve the controls of the mobile photo cropping tool. Implement explicit selection between moving the photo and moving the crop area, and ensure that single-finger movement and two-finger zoom gestures do not conflict. Check that the zoom level does not jump when the zoom button is pressed or held. Automatic background color selection should not overwrite a color chosen by the user. Leave a record of the modified code and reproduction steps.

Do not speculate about account connection methods or outcomes not present in the original; first provide the necessary setup and execution order. Start from a working copy to preserve existing data, and indicate if any items are inaccessible and need verification.

Verification: Test both movement modes with a photo where the crop area covers most of the screen. After zooming in or out, check that the composition and aspect ratio of the downloaded image match the preview.

Summarize the inputs used, execution logs, and confirmed results along with the output. Clearly distinguish between completed tasks and those that failed or have not yet been executed.