argent-lens
argent-lens helps you explore multiple design directions for UI components by generating and comparing visual variants in parallel. Rather than settling on a single approach, you can evaluate competing options side-by-side to make more informed design choices. This workflow accelerates iteration and helps teams align on the strongest visual direction before committing to implementation.
argent-lens helps you explore multiple design directions for UI components by generating and comparing visual variants in parallel. Rather than settling on a single approach, you can evaluate competing options side-by-side to make more informed design choices. This workflow accelerates iteration and helps teams align on the strongest visual direction before committing to implementation.
AI-generated summary based on this skill's SKILL.md
Install
software-mansion/argent/argent-lens · repository language: TypeScript
git clone https://github.com/software-mansion/argent
cp -r argent/packages/skills/skills/argent-lens ~/.claude/skills/argent-lensFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does argent-lens do for UI design?
argent-lens helps you explore multiple design directions for UI components by generating and comparing visual variants in parallel. Rather than settling on a single approach, you can evaluate competing options side-by-side to make more informed design choices. This workflow accelerates iteration and helps teams align on the strongest visual direction before committing to implementation.
Can argent-lens compare design alternatives side by side?
Yes. argent-lens enables you to preview distinct design options side-by-side in a native window, allowing direct visual comparison. This capability supports your decision-making process by presenting multiple competing design directions simultaneously, making it easier to evaluate strengths and weaknesses of each variant before moving forward.
How does argent-lens help with design variant comparison?
argent-lens stages and manages design variants with accurate element matching, then proposes and compares multiple visual design variants for UI elements. This structured approach enables human decision-making on design alternatives before committing to any single direction, reducing risk and improving alignment across your team.
What are the main benefits of using argent-lens?
argent-lens accelerates your design iteration by letting you evaluate competing visual options in parallel rather than sequentially. Teams can align on the strongest direction before implementation, reduce rework cycles, and make data-informed design decisions by seeing multiple possibilities at once instead of committing to a single untested approach.
Is argent-lens suitable for A/B testing visual options?
Yes. argent-lens supports A/B testing visual options by enabling you to propose and compare multiple design choices for screen components. The tool's side-by-side preview capability and variant staging features make it well-suited for evaluating which visual direction performs better or resonates more strongly with your design goals.
What license does argent-lens use?
argent-lens is distributed under the Apache-2.0 license, which permits both commercial and non-commercial use with appropriate attribution and compliance with the license terms.
SKILL.md
rendered from the published skill — quoted content, verbatim
> 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 / await_user_selection come 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. Each proposed element shows up as a floating card next to the live simulator stream in the Argent Lens window (a native window that opens automatically), connected by a thin line to the real element. The human picks per element, optionally pins free-form comments to elements, and presses Complete selection. await_user_selection is the single blocking call that returns their decision.
**The golden rule: one variant =
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
packages/skills/skills/argent-lens/SKILL.md