Use when styling Astro components with scoped CSS, CSS Modules, Tailwind CSS, UnoCSS, or Sass. Covers class:list directive, global styles, CSS custom properties, and Vite-powered preprocessors.
From fuse-astronpx claudepluginhub fusengine/agents --plugin fuse-astroThis skill uses the workspace's default tool permissions.
references/css-modules.mdreferences/css-variables.mdreferences/global-styles.mdreferences/sass.mdreferences/scoped-css.mdreferences/tailwind.mdreferences/templates/scoped-component.mdreferences/templates/tailwind-setup.mdreferences/templates/unocss-setup.mdreferences/unocss.mdGuides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.
Before ANY implementation, use TeamCreate to spawn 3 agents:
After implementation, run fuse-ai-pilot:sniper for validation.
.astro components with component-scoped CSSclass:list for conditional class application| Method | Scope | When to Use |
|---|---|---|
<style> in .astro | Component | Default — scoped to component |
<style is:global> | Global | Base styles, resets |
CSS Modules .module.css | Component | Framework components (React, Vue) |
| Tailwind CSS | Utility | Rapid UI development |
| UnoCSS | Utility | Lightweight, configurable atomic CSS |
| Sass/SCSS | Component/Global | Advanced features, variables, mixins |
| Topic | Reference | When to Consult |
|---|---|---|
| Scoped CSS | scoped-css.md | Component styling |
| CSS Modules | css-modules.md | Framework components |
| Global styles | global-styles.md | Resets, base styles |
| Tailwind | tailwind.md | Utility-first CSS |
| UnoCSS | unocss.md | Atomic CSS engine |
| Sass/SCSS | sass.md | Preprocessor features |
| CSS Variables | css-variables.md | Design tokens, themes |
| Template | When to Use |
|---|---|
| scoped-component.md | Component with scoped + conditional classes |
| tailwind-setup.md | Full Tailwind CSS project setup |
| unocss-setup.md | Full UnoCSS project setup |
<style> in .astro files by defaultis:global in components — Reserve for layouts and global filesis:global inside non-layout components