AI导哈

前端开发

modern-css

paulirish/dotfiles

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 requests refactoring of legacy styles to modern standards.

  • 551 次安装
  • 4400 星标
  • 收录于

安装命令

npx skills add https://github.com/paulirish/dotfiles --skill modern-css

SKILL.md

Modern CSS

This skill provides a reference for writing modern, robust, and efficient CSS.

Layout & Responsive Design

Container Queries

.card {
  container: --my-card / inline-size;
}

@container --my-card (width < 40ch) {
  /* Component-based responsive design */
}

Modern CSS

This skill provides a reference for writing modern, robust, and efficient CSS.

Layout & Responsive Design

Container Queries

.card {
  container: --my-card / inline-size;
}

@container --my-card (width < 40ch) {
  /* Component-based responsive design */
}