diagnose_styling
Generate a Shadow DOM styling guide for web components with token prefix, theming, dark mode, and anti-pattern warnings to prevent CSS mistakes.
Instructions
Generates a Shadow DOM styling guide for a web component — token prefix, theming approach, dark mode support, anti-pattern warnings, and correct CSS usage snippets. Use this before writing any component CSS to prevent Shadow DOM mistakes.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| libraryId | No | Optional library ID to target a specific loaded library instead of the default. | |
| tagName | Yes | The custom element tag name to diagnose (e.g. "sl-button"). |