← All skills

Frontend CSS

85 / 100 · Low risk

Fine to try.

By diegosouzapw/awesome-omni-skill (GitHub) · design · 66 stars · scanned at commit a6b3c30

Write and maintain CSS following a consistent methodology (Tailwind, BEM, utility classes, CSS modules), avoiding framework style overrides, maintaining design tokens for consistency, minimizing custom CSS, and optimizing for production with CSS purging and tree-shaking. Use this skill when writing CSS styles, working with CSS frameworks like Tailwind CSS, creating design systems with design tokens, implementing utility classes, managing CSS architecture, optimizing CSS performance, or working …

Works with any agent that supports SKILL.md skills.

What this skill can do

Other copies in this repository

diegosouzapw/awesome-omni-skill has 7 more folders with a skill named Frontend CSS. This page shows the lowest-scoring copy.

• skills/development/frontend-css-majiayu000 85/100 · Low risk
• skills/development/frontend-css-mshafei721 85/100 · Low risk
• skills/development/frontend-css-overtimepog 85/100 · Low risk
• skills/development/frontend-css-pdovhomilja 85/100 · Low risk
• skills/development/frontend-css-mahmoud9-dev 85/100 · Low risk
• skills/development/frontend-css-maksimtereshin 85/100 · Low risk
• skills/development/frontend-css-theophiluschinomona 85/100 · Low risk

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'frontend-css' ] || [ -L ~/.agents/skills/'frontend-css' ]; then echo 'A skill folder named frontend-css already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/diegosouzapw/awesome-omni-skill' "$d" && git -C "$d" checkout --quiet 'a6b3c3005cedf056a48b084671c6282426d6e9fc' -- 'skills/development/frontend-css' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/development/frontend-css' ~/.agents/skills/'frontend-css' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'frontend-css' ~/.claude/skills/'frontend-css' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for diegosouzapw/awesome-omni-skill shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/diegosouzapw/awesome-omni-skill.svg)](https://zalavijaysinh.github.io/skilltrust/repos/diegosouzapw/awesome-omni-skill/)

Score history