If your coding assistant struggles with CSS, this is exactly why we created this skill.

CSS Pro-Tips gives your agent the CSS superpowers it needs: a clear policy for tokens, cascade control, static CSS, component-first layouts, accessibility, performance, and fallbacks that actually work.

Install | What your agent gets | Use it | Maintain it

Install

The fastest path works for 75+ coding agents. skills detects the agents you have installed and copies the skill into each one:

npx skills add PyModel/css-pro-tips            # this project
npx skills add PyModel/css-pro-tips -g         # every project (global)
npx skills add PyModel/css-pro-tips -g -a claude-code -a codex   # specific agents

Or install from npm and copy it yourself:

npm install css-pro-tips
SKILL_DIR=~/.claude/skills/css-protips          # pick your agent's path below
mkdir -p "$SKILL_DIR"
cp -R node_modules/css-pro-tips/SKILL.md node_modules/css-pro-tips/references "$SKILL_DIR"/

Always copy both SKILL.md and references/. SKILL.md is a small router that is loaded on every activation; it links to references/*.md, which the agent reads only when a task needs them. To pick up updates automatically, symlink the package instead of copying it. Remove any copied directory first, or the link is created inside it:

rm -rf "$SKILL_DIR" && ln -s "$(pwd)/node_modules/css-pro-tips" "$SKILL_DIR"

Where each agent looks

Install into a css-protips/ folder under one of these directories. Project paths can be committed so your team shares the skill.