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).
npx skills add ECNU-ICALK/AutoSkill --skill html-js-subtractive-color-mixing-visualization --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 th
- Prompt
- Triggers
What does the HTML/JS Subtractive Color Mixing Visualization skill do?
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).
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill html-js-subtractive-color-mixing-visualization --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.