CSS First 是一个面向界面实现的技能，主张先用语义化 HTML 和 CSS 解决问题，再考虑引入 JavaScript；当现代标准 CSS 符合目标浏览器时优先采用，支持不完整时用渐进增强保留核心体验。
用途与流程：先识别视觉或交互意图，检查项目框架、浏览器目标、书写模式和既有约定；在 css-demos/INDEX.md 中查找匹配模式；当支持情况或时效性重要时，用 references/live-mdn-fetch.md 获取最新 Baseline 记录，已检入的标签只视为有时效的快照。方案按语义契合度、可访问性、互操作性和维护成本排序，优先逻辑属性和原生 CSS 能力。若所选特性为 Limited Availability 或无 WebStatus 记录，应提供可用回退，并在可行时用 @supports 门控增强。环境允许时在真实浏览器中验证语法与行为。
Baseline 词汇：严格按 Web Platform Status 含义使用，不把全球使用率百分比换算成 Baseline 标签。widely 表示核心浏览器集互操作至少 30 个月；newly 表示不足 30 个月；limited 表示核心浏览器覆盖不完整；missing 表示无可用 WebStatus 记录。浏览器版本百分比可作补充数据，但不能决定 Baseline 类别。
规则参考：按需读取 references/rules/ 下的 css-only-enforcement、logical-properties-first、modern-css-features、semantic-intent-analysis、framework-awareness、browser-support-consideration、progressive-enhancement、browser-verification 等文件。
覆盖范围：演示目录涵盖 Chrome 148 至 152 面向作者的 CSS，包括容器查询、at-rule() 与 named-feature() 支持测试、可动画 zoom、rounded polygon()、text-fit、background-clip: border-area、CSS image() 值、image 值 light-dark()、flex-wrap: balance、overscroll-behavior: chain、打印页边距安全、SVG path-length、ruby-overhang、媒体状态伪类、alpha()、window-drag、已安装应用强调色系统色等。Chrome 已发布不等于该特性已 Baseline。
维护快照：在该技能目录运行 python3 scripts/update_baseline.py --check 报告漂移而不改文件，运行 python3 scripts/update_baseline.py --write 从官方 WebStatus API 刷新映射的演示头部及 css-demos/INDEX.md 中对应条目；无 WebStatus 记录的特性保持手动并须引用发布说明或规范。
快速参考涵盖容器查询、:has()、flex-wrap: balance、@starting-style、滚动驱动动画、锚点定位、text-fit、light-dark()/image()、媒体播放状态伪类、window-drag、prefers-reduced-motion、random()、progress() 等意图与对应演示文件。语法与注意事项参考 MDN，Baseline 参考 WebStatus。
限制：具体安装方式、收费与平台支持资料暂未提供。