Skill · Design

modern-css

Designmcpdirectory↓ 16

Specialized knowledge for writing modern high-quality CSS. Trigger this skill when starting a new CSS project/file, when the user asks about new CSS features (e.g. Masonry, View Transitions, Container Queries, Scroll-driven animations), or...

Install
$ npx skills add paulirish/dotfiles --skill modern-css

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • Specialized knowledge for writing modern high-quality CSS.
  • 16 installs reported on mcpdirectory.
  • Published by paulirish — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Design

  • flowchart-generator — Generate flowcharts from YAML/JSON definitions or Python DSL. Supports standard flowchart shapes, swimlanes, a
  • rendering-animate-svg — Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or element
  • specification-architect — A rigorous, traceability-first system that generates five interconnected architectural documents (blueprint.md
  • docker-expert — Docker containerization expert with deep knowledge of multi-stage builds, image optimization, container securi
  • senior-computer-vision — World-class computer vision skill for image/video processing, object detection, segmentation, and visual AI sy
  • youtube — The most comprehensive YouTube skill for AI agents. Extract transcripts for FREE (zero API quota!), search wit

More from paulirish

  • build-free-types — This skill should be used when the user asks to "set up types without a build step", "use vanilla JS with type

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.