Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When a change request comes with visual context — element selections, annotations, or screenshots — and the user wants a specific visual tweak rather than a broad refactor.
A precise, minimal visual edit that changes exactly what was indicated while keeping all other behavior and structure intact, avoiding over-refactoring and broken layouts.
Use Cases
A product designer sends a screenshot with one button highlighted, asking to change its color. The agent uses Visual Edit Precision to locate the exact element and file, applies only the color change, preserves all handlers and responsive rules, and verifies no side effects. This avoids rewriting the component and ships the tweak in minutes.
A user annotates three separate cards in a dashboard screenshot with different visual fixes. The agent processes each independently and minimally, never touching shared logic or global config, and respects the latest request when conflicts arise. Result: all three visuals corrected without breaking layout or accessibility.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File
