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
Decision gist · record as of 2026-07-27
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.
Use it when
- Yes.
- argent-lens stages and manages design variants with accurate element matching.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
software-mansion/argent/argent-lens · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
File tree — 1 file
packages/skills/skills/argent-lens/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Propose and compare multiple visual design variants for UI elements”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill enables iOS applications to efficiently route Model Context Protocol (MCP) messages and coordinate request handling across device components. It provides the infrastructure needed to manage bidirectional communication patterns and ensure reliable message delivery in mobile environments.
This skill enables automated UI testing by orchestrating interact-screenshot-verify cycles, letting you capture application state and validate outcomes programmatically. Build reliable test workflows that reduce manual verification overhead and accelerate quality assurance cycles.
This skill automates visual regression detection by analyzing differences between baseline and current application screenshots. It helps teams identify unintended UI changes early in development, preventing visual bugs from reaching production. Perfect for continuous integration pipelines that need reliable visual testing coverage.
argent-device-interact enables developers to script and automate user interface interactions across multiple platforms—iOS simulators, Android emulators, and Chromium-based applications. Built by Software Mansion, this tool provides programmatic control over device interactions, making it ideal for testing workflows, UI automation, and cross-platform application validation.
Argent's flow creation tool lets you capture device interactions and convert them into automatable sequences. Record user actions once, then replay them across multiple scenarios to eliminate manual repetition and streamline your workflow.
This skill automates the initialization and startup of Android emulator instances for development and testing pipelines. It handles the configuration steps needed to get a fresh emulator running, reducing manual setup overhead and enabling faster iteration cycles for mobile app projects.