modern-css

Installation
SKILL.md

Modern CSS

Choose native CSS features that fit the requested behavior and supported browsers. The user's explicit instructions take precedence over this skill's guidelines. Preserve the project's framework, preprocessor, tokens, and styling conventions unless changing them is part of the request.

Resolve the styling problem

Use the affected markup/styles, desired appearance or interaction, and browser targets as input. Infer targets from project configuration when available. If missing support information changes the implementation, ask for it or state a conservative fallback.

Bundled support tables are dated research snapshots, not a current compatibility guarantee. Check MDN compatibility data or Web Platform Status for the particular feature when support matters.

Need Starting point
Rows and columns, or aligned nested tracks Grid / Subgrid
One-dimensional arrangement Flexbox
Layout based on a component's available space Container queries
Cascading overrides or specificity conflict Layers, scope, selector specificity
Themes and derived colors Custom properties, color functions, color-scheme
Motion, popovers, or scroll effects Feature-specific reference and fallback
Installs
202
GitHub Stars
60
First Seen
Feb 9, 2026