用途：该技能专注于 .astro 文件的样式处理，即 Astro 组件特有的作用域语义，而非 UI 框架集成配置（astro-integrations）或样式文件的 SOLID 组织规则（solid-astro）。
主要能力与适用场景：为 .astro 组件编写组件作用域 CSS；在 Astro 项目中配置 Tailwind CSS 或 UnoCSS；使用 CSS Modules 实现与框架无关的作用域；应用全局基础样式（重置、字体、变量）；使用 class:list 做条件类名；通过 Vite 预处理器添加 Sass/SCSS。
样式方式对照：.astro 中的 <style> 默认作用于组件；<style is:global> 用于全局基础样式与重置；.module.css 用于 React、Vue 等框架组件；Tailwind CSS 与 UnoCSS 为工具类/原子化 CSS；Sass/SCSS 提供变量、mixin 等预处理特性。参考文档涵盖 scoped-css、css-modules、global-styles、tailwind、unocss、sass、css-variables，模板包括 scoped-component、tailwind-setup、unocss-setup。
使用方式：资料要求先并行启动三个 Agent 调用（fuse-ai-pilot:explore-codebase 分析现有样式与集成、fuse-ai-pilot:research-expert 通过 Context7/Exa 核对最新 Astro/Tailwind/UnoCSS 文档、mcp__context7__query-docs 检查与 Astro 7 的集成兼容性），实现后运行 fuse-ai-pilot:sniper 验证。
最佳实践：默认优先使用作用域样式；在根布局中应用重置与基础样式；用 CSS 变量定义设计令牌与主题；避免在组件中使用 is:global，仅保留给布局与全局文件；用 class:list 替代三元表达式。禁止：为布局/主题写内联样式；在非布局组件中使用 is:global；在未使用 CSS Modules 的情况下于多个组件重复导入 CSS；在无明确约定时混用 Tailwind 与自定义类名。
限制：资料未提供具体安装命令、版本要求、收费信息或效果数据。