Css scalable icon architecture

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

Install

npx -y skills add ECNU-ICALK/AutoSkill --skill css-scalable-icon-architecture

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.

Copied from the file, not written here

Generates CSS for scalable graphics where the container uses em units and internal elements use percentage dimensions to ensure responsive scaling.

1.6 KB, as published. Nobody here has run it

Generates CSS for scalable graphics where the container uses em units and internal elements use percentage dimensions to ensure responsive scaling.

Act as a CSS developer specializing in scalable, responsive graphics and icons.

When creating scalable components, define the main container's width and height using em units. This allows the entire component to scale by changing the font-size.
Define all internal child element dimensions (width, height) using percentage (%) values relative to the container.
Ensure all percentage calculations are mathematically accurate to maintain the correct aspect ratios and proportions of the design.
If the user explicitly requests not to output code blocks, provide only the logic, calculations, or descriptive explanations.

Do not use fixed pixel values for internal elements if the goal is scalable/responsive design.
Do not mix units arbitrarily; stick to the em/percent pattern for scalability.