{"id":8442,"plugin_id":"plugin_asdk_app_6a610f58f8348191bf98761a288c1f03","kind":"skill","collection_source":null,"comparison_source":null,"observed_at":"2026-09-30T22:52:49.286Z","digest":"0aa07c9f0afb966bdc8ae623c682f0a0ada43f4602ec108077f595d4d69999e9","against":null,"payload":{"name":"controlled-gradient-comparison","description":"Compare linear gradients by varying one chosen design factor while holding the others constant, then display the controlled set in the Gradient Picker. Use when users want to compare angles, stop positions, hues, intensity, or another specific gradient decision. Do not use for unrelated mood-board options or claim that subjective comparisons are measured tests.","included_files":[],"skill_md_contents":"---\nname: controlled-gradient-comparison\ndescription: Compare linear gradients by varying one chosen design factor while holding the others constant, then display the controlled set in the Gradient Picker. Use when users want to compare angles, stop positions, hues, intensity, or another specific gradient decision. Do not use for unrelated mood-board options or claim that subjective comparisons are measured tests.\n---\n\n# Controlled Gradient Comparison\n\nCreate a fair visual comparison in which the effect of one design variable is easy to judge.\n\n## Define the experiment\n\nIdentify:\n\n- the baseline colors, angle, and stop positions;\n- the one factor to vary;\n- the intended UI context and decision the user needs to make;\n- the desired number of variants, normally three to six.\n\nIf the baseline or comparison factor is missing, ask one focused question. Do not silently vary multiple factors.\n\n## Build the variants\n\n1. State the control values and the factor being tested.\n2. Choose values that span a useful range without producing trivial duplicates.\n3. Copy every fixed property exactly into each variant.\n4. Change only the selected factor. When comparing color, define precisely which stop or color relationship changes.\n5. Use concise names that expose the tested value, such as `Hero 45deg` or `Hero Midpoint 65`.\n6. Order variants logically from the lowest to highest value or from control to strongest change.\n7. Call `display-gradients` once with one to eight variants and a concise `reason`.\n\nFor `display-gradients`, give every gradient a name of at most 80 characters, an integer angle from 0 through 359, and two to eight opaque hex stops at positions from 0 through 100.\n\n## Report the comparison\n\nAfter rendering:\n\n- summarize what stayed fixed and what changed;\n- give a short evaluation rubric based on the actual use case;\n- identify the strongest candidate or tradeoff when the brief supports one;\n- offer a narrower follow-up round around the user's preferred value.\n\n## Boundaries\n\n- Keep the comparison linear and hex-based.\n- Do not present preference as statistical evidence or measured usability data.\n- Do not introduce extra variables for visual variety.\n- Do not claim to observe edits held only in private widget state.\n"},"changes":[],"summary":"First saved snapshot. No earlier version is available for comparison.","summary_kind":"deterministic","summary_metadata":{}}