Argent Lens

This lets Claude propose multiple design variants for UI elements side by side and wait for you to pick one. When you ask for alternatives or A/B options, Claude implements each variant, screenshots it on the real simulator, and stages them in a native preview window called Argent Lens. Each variant shows up as a floating card connected to the actual element. You pick what you like, pin comments, and Claude applies your choices. The workflow is strict: one variant equals one distinct screenshot captured after that variant was actually built and rendered. It's meant for times when Claude has genuinely different visual approaches and you need to see them running, not mocked up.

skills.sh installs: 26.1K
GitHub stars: 3.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add software-mansion/argent --skill argent-lens --agent claude-code

Installs into .claude/skills of the current project.

Files

Prerequisite: feature flag. This workflow is gated behind the argent-lens flag (off by default). Run argent enable argent-lens once before using it. If propose_variant comes back not-found, the flag is off; enable it and retry.

1. Overview

You implement several candidate designs, capture each one running on the device, and stage them with propose_variant (non-blocking, once per variant). The Argent Lens window opens on its own and shows each element as a card beside the live device stream; the human picks per element, may pin comments, and presses Complete. await_user_selection is the single blocking call that returns their decision. Both tools' descriptions cover their parameters and return shapes.

Resolve a simulator/emulator first (argent-ios-simulator-setup / argent-android-emulator-setup) and, for React Native, argent-react-native-app-workflow to run the app and reload the bundle.