css-best-practices

Guidelines for building modern, performant, and accessible CSS using MDN best practices. Use this when styling components, fixing layout shifts, or optimizing CSS performance.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "css-best-practices" with this command: npx skills add jabranr/css-best-practices/jabranr-css-best-practices-css-best-practices

CSS Best Practices

This skill provides a set of rules and best practices for writing modern, performant, and maintainable CSS. It focuses on stability, modern layout engines, and user-centric accessibility.

This document is designed for AI agents and LLMs (but not limited to) to follow when creating/generating, debugging and maintaining CSS in any format or using any CSS framework, tool and preprocessor in any kind of web project.

Core Rules

Usage

Activate this skill when generating new CSS files, refactoring legacy styles, or debugging UI performance issues.

Read individual reference files for detailed explanations and code examples:

references/layout-stability.md
references/specificity-cascade.md
references/container-queries.md

Each reference file contains:

  • Title and basic description/context
  • Correct code example with explanation
  • Optionally incorrect code example with explanation
  • Brief explanation of why it matters

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

Xiaohongshu Post (Browser Auto)

Create and publish Xiaohongshu (小红书/RED) notes. Use when: user wants to publish a note to Xiaohongshu, schedule or batch post content, generate Xiaohongshu-s...

Registry SourceRecently Updated
200antaeus001
General

Jsonlint

JSON validator, formatter, and toolkit. Validate JSON files for syntax errors, pretty-print with customizable indentation, minify for production, extract val...

Registry SourceRecently Updated
770bytesagain3
General

Unitconv

Unit converter for length, weight, temperature, volume, speed, and data sizes. Convert between metric and imperial units, Celsius and Fahrenheit, bytes and g...

Registry SourceRecently Updated
800xueyetianya
General

Arbitrage Finder

Scan price differences across exchanges, score arbitrage opportunities, and track historical success rates. Use when you need arbitrage finder capabilities....

Registry SourceRecently Updated
1470bytesagain1