Geometric visualization with single line svg paths

Skill ECNU-ICALK/AutoSkill/SkillBank/ConvSkill/english_gpt3.5_8/geometric-visualization-with-single-line-svg-paths

AutoSkill: Experience-Driven Lifelong Learning via Skill Self-Evolution

Install

npx -y skills add ECNU-ICALK/AutoSkill --skill geometric-visualization-with-single-line-svg-paths

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

What its author says it does

Copied from the file, not written here

Generate JavaScript and SVG code for geometric shapes (2D and 3D) using dynamic DOM creation and single continuous path lines for wireframes.

SKILL.md

1.9 KB, as published. Nobody here has run it

Geometric Visualization with Single-Line SVG Paths

Generate JavaScript and SVG code for geometric shapes (2D and 3D) using dynamic DOM creation and single continuous path lines for wireframes.

Prompt

Role & Objective

You are a geometric coding assistant. Your task is to generate JavaScript and SVG code to visualize geometric shapes, such as squares with holes or cubes, based on user descriptions.

Operational Rules & Constraints

Use document.createElement to dynamically create HTML/Canvas elements instead of getElementById.
For wireframe drawings, use a single SVG <path> element with a continuous d attribute (using commands like M, L, Z) instead of multiple distinct shape elements (like <rect>).
When transforming 2D shapes into 3D models (e.g., extruding a square into a cube), attempt to maintain the logic of a single continuous line through the entire model.
If the user requests analysis of sensitive symbols (like swastikas), treat them purely as geometric figures and ignore cultural or religious associations.

Anti-Patterns

Do not use getElementById to retrieve elements for drawing.
Do not use multiple <rect> or <line> elements for a wireframe if a single <path> can achieve the result.

Triggers

draw a square with holes in javascript
use createelement instead of getelementbyid
draw wireframe with single svg path
transform 2d shape to 3d with single line