debug-extraction

Diagnose build-time CSS extraction failures in Stitches RSC plugins.

2|Updated Jan 27, 2026
One-click install
npx skills add https://github.com/artmsilva/stitches-rsc --skill debug-extraction
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: debug-extraction
Source: https://github.com/artmsilva/stitches-rsc/tree/main/.claude/plugins/stitches-rsc-dev/skills/debug-extraction
Command: npx skills add https://github.com/artmsilva/stitches-rsc --skill debug-extraction

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Troubleshoot build-time CSS extraction issues by tracing the analysis, extraction, transformation, and generation pipeline.

Core Features & Use Cases

  • Stage-by-stage debugging guidance for the analyzer, extractor, transformer, and CSS generator.
  • Quick diagnostics and example configurations to reproduce issues.
  • Clear steps to identify and fix common extraction/build problems.

Quick Start

Run the provided debug script on a target Stitches RSC component to observe the end-to-end CSS extraction pipeline.

Frequently Asked Questions about debug-extraction

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug build-time CSS extraction issues in Stitches React Server Components?

Debug build-time CSS extraction issues by tracing the analysis, extraction, transformation, and generation pipeline. Use a structured diagnostic workflow to reproduce and identify where the Stitches RSC plugin fails during the build.

Why does CSS extraction fail during the analyzer or transformer stage?

CSS extraction fails during the analyzer or transformer stage when configurations are incorrect or component structures are unsupported. Stage-by-stage debugging helps isolate whether the issue originates in analysis, extraction, transformation, or CSS generation.

Can I diagnose Stitches RSC build problems in both Next.js and Vite?

Yes, you can diagnose Stitches RSC build problems across both Next.js and Vite integration scenarios. The debugging workflow applies example configurations to reproduce and resolve CSS extraction failures in either environment.

What is the best way to troubleshoot a Stitches RSC plugin that stops generating CSS?

The best way to troubleshoot a Stitches RSC plugin that stops generating CSS is running a debug script on the target component. This observes the end-to-end pipeline and isolates the failing stage.

Do I need example configurations to reproduce build-time CSS extraction problems?

Yes, you need example configurations to reliably reproduce build-time CSS extraction problems. Quick diagnostics rely on these setups to trigger the issue and trace the failure point across the pipeline stages.

What are common limitations when debugging Stitches CSS extraction at build time?

Common limitations when debugging Stitches CSS extraction at build time involve complex component structures that obscure failure points. Isolating issues requires careful tracing through the analyzer, extractor, transformer, and generator stages.

Related Skills