Css Pro Tips
Description
Baseline-aware modern CSS skill for AI coding agents. One SKILL.md for Claude Code, Codex, Cursor, Pi, OpenCode, and Kiro.
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
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
npm install css-pro-tipsOr add the repository through skills.sh:
npx skills add PyModel/css-pro-tipsBoth paths give you the same installed artifact: one `SKILL.md` file. Copy it into the skill directory used by your agent. For Claude Code:
mkdir -p ~/.claude/skills/css-protips
cp node_modules/css-pro-tips/SKILL.md ~/.claude/skills/css-protips/To update, run `npm update css-pro-tips` and copy the file again. On macOS or Linux, a symlink keeps the local skill pointed at the installed package:
ln -sf "$(pwd)/node_modules/css-pro-tips/SKILL.md" ~/.claude/skills/css-protips/SKILL.mdWhat your agent gets
The skill starts with
Related Skills
Agency Agents
A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy inject
Awesome Llm Apps
100+ AI Agents, Agent Skills and RAG Apps - Free and Open Source.
Firecrawl
🔥 The API to search, scrape, and interact with the web for AI
Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
Headroom
Compress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agen
CrewAI
Framework for orchestrating role-playing, autonomous AI agents. By fostering collaborative intelligence, CrewA
