# Scoped CSS Complete Fixture

> Test fixture — produced-skill mode, Companion CSS @imports cover every consumed var(--X).

- Skill: `vercel-labs/scoped-css-complete-fixture` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add vercel-labs/scoped-css-complete-fixture`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vercel-labs/scoped-css-complete-fixture/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Vercel Labs (https://skillmd.com/u/vercel-labs)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vercel-labs/scoped-css-complete-fixture

---


## Setup

Install:

```bash
npm install @example/tokens
```

Provider wiring (Next.js App Router):

```tsx
import './globals.css';
export default function RootLayout({ children }) {
  return <html><body>{children}</body></html>;
}
```

### Companion CSS — app/globals.css

```css
@import "@example/tokens/dist/css/functional/size/radius.css";
```

## When to Load References

| Trigger | Files to load | Notes |
|---|---|---|
| user reviews exemplars | references/examples/index.md | one entry per composition exemplar |

