Scoped CSS Complete Fixture

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

Vercel Labs ad31fce 2 files · 1.1 KB Updated 28.7k repo stars

File contents

Setup

Install:

npm install @example/tokens

Provider wiring (Next.js App Router):

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

Companion CSS — app/globals.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

vercel-labs/ds-skill-extraction-workshop/tree/main/.claude/skills/extract-ds-skill/scripts/tests/fixtures/scoped-css-complete/produced-skill commit ad31fce267

Frequently asked questions

npx skillmds@latest add vercel-labs/scoped-css-complete-fixture