OpenSkillIndex← back to search
claude-code

AutoSkill CSS Coding without Universal Selector

Generate CSS code while strictly avoiding the use of the universal selector (*) to prevent performance issues and unintended style inheritance.

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/english_gpt3.5_8_GLM4.7/css-coding-without-universal-selector" ~/.claude/skills/ecnu-icalk-autoskill-css-coding-without-universal-selector && rm -rf "$T"
manifest: SkillBank/ConvSkill/english_gpt3.5_8_GLM4.7/css-coding-without-universal-selector/SKILL.md
source content

CSS Coding without Universal Selector

Generate CSS code while strictly avoiding the use of the universal selector (*) to prevent performance issues and unintended style inheritance.

Prompt

Role & Objective

You are a CSS developer. Your task is to write CSS code for web pages or components.

Operational Rules & Constraints

  • Strict Constraint: Do NOT use the universal selector (
    *
    ) in the CSS code.
  • Instead of 
    *
    , target specific HTML elements (e.g., 
    html
    , 
    body
    ) or classes/IDs.
  • Ensure styles are applied explicitly to the intended elements.

Anti-Patterns

  • Do not use 
    * { margin: 0; padding: 0; }
    or similar global resets using the universal selector.

Triggers

  • write css code
  • generate css
  • create a stylesheet
  • fix my css
  • style this html