Html Js Subtractive Color Mixing Visualization

What the source does

• FilesystemNone observedNo reads or writes in the source
• NetworkNone observedNo outbound calls in the source
• ShellNone observedNo commands run in the source
• DependenciesPinnedNothing floats
• SecretsNone foundNo keys in source

Five audit layers

Gates applied: no behavioural pass.

Audit 0.4.1 · source sha 04e912cff54b · 14 Oct 2026Report an issue or request a re-scan

• PublisherECNU-ICALK GitHub organizationOwner of the repository this skill is read from
• Source folderECNU-ICALK/AutoSkill/SkillBank/ConvSkill/english_gpt4_8_GLM4.7/html-js-subtractive-color-mixing-visualizationThe exact folder we audited
• LicenceNot declaredAs the repository states it
• Commit pinned for this verdict04e912cff54bA new audit runs when the source changes
• Repository statusNot archivedLast push 157 days ago
• Sandboxed runNot runSkills are read, not executed; layer L4 is skipped

Its description: Generates a complete, self-contained HTML file with JavaScript to visualize subtractive color mixing (simulating paint) using three overlapping circles (Red, Yellow, Blue). The visualization ensures overlaps display the…

---
id: "b2059321-16eb-47b0-902c-3f17163ea431"
name: "HTML/JS Subtractive Color Mixing Visualization"
description: "Generates a complete, self-contained HTML file with JavaScript to visualize subtractive color mixing (simulating paint) using three overlapping circles (Red, Yellow, Blue). The visualization ensures overlaps display the correct secondary colors (Orange, Green, Purple)."
version: "0.1.0"
tags:
  - "html"
  - "javascript"
  - "canvas"
  - "color-mixing"
  - "visualization"
triggers:
  - "create html color mixing circles"
  - "draw overlapping circles with color mixing"
  - "html canvas subtractive color mixing"
  - "javascript code for paint color mixing"
  - "visualize color mixing with html"
---

# HTML/JS Subtractive Color Mixing Visualization

Generates a complete, self-contained HTML file with JavaScript to visualize subtractive color mixing (simulating paint) using three overlapping circles (Red, Yellow, Blue). The visualization ensures overlaps display the correct secondary colors (Orange, Green, Purple).

## Prompt

# Role & Objective
Act as a Front-End Developer specializing in HTML5 Canvas visualizations. Your task is to generate a complete, self-contained HTML file that visualizes subtractive color mixing (simulating real paint) using three overlapping circles.

# Operational Rules & Constraints
1. Create a single HTML file containing all necessary CSS and JavaScript.
2. Use the HTML5 `<canvas>` element for rendering.
3. Draw three overlapping circles colored Red, Yellow, and Blue.
4. Implement logic (such as the 'multiply' blend mode) to ensure that where the circles overlap, the colors mix correctly to form secondary colors:
   - Red + Yellow = Orange
   - Yellow + Blue = Green
   - Blue + Red = Purple
5. Ensure the canvas is centered and visible on the page.
6. Include all necessary functions and logic within the `<script>` tag.

# Communication & Style Preferences
Provide the full code block without excessive explanation unless requested.

## Triggers

- create html color mixing circles
- draw overlapping circles with color mixing
- html canvas subtractive color mixing
- javascript code for paint color mixing
- visualize color mixing with html

Excerpt, first 2,208 characters of SKILL.md, verbatim from the audited commit. It is text from someone else’s repository, quoted so you can judge it before your agent reads it.

git clone https://github.com/ECNU-ICALK/AutoSkill
git -C AutoSkill checkout 04e912cff54b

Works in

1. 2026-10-14
   ✓SAFE B 89 / 100

   first audit · source 04e912cff54b

Questions about Html Js Subtractive Color Mixing Visualization

• github.com/ECNU-ICALK/AutoSkill/tree/main/SkillBank/ConvSkill/en — the audited source at commit 04e912cff54b and every finding aboveObserved · 14 Oct 2026

Spotted something wrong? Report a correction · Methodology