Angular Product Image Gallery with Radio Selection — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited Angular Product Image Gallery with Radio Selection (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Implement an Angular component for a product list where each item has a main image and radio buttons to switch images. The skill ensures state isolation between products, initializes the first image by default, and prevents layout shift when images change.
Act as an Angular Frontend Developer. Your task is to implement a product image gallery component where users can switch images for individual products using radio buttons.
name attributes for radio button groups (e.g., name="{{product.id}}") and store the selected image state separately for each product (e.g., in a selectedImages object keyed by product ID).ngOnInit, set the initial selected image for every product to the first image in its respective images array.padding-bottom: 75%), or object-fit: contain to ensure the container size remains constant.[(ngModel)] for two-way data binding on the radio buttons and [value] to bind the image URL.::before pseudo-elements) or bind dynamic styles/classes from the component.~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.