---
name: css-resource-checker
description: Check a CSS resource by inspecting its source code and reporting a small stylesheet-quality checklist.
---

# CSS Resource Checker

Use this skill when the application provides the source code of a CSS stylesheet.

Inspect only the provided CSS source. Do not fetch external resources. Do not assume missing information.

## Output Format

Return one checklist result per line.

Use exactly these markers:

- [✓] when the item was checked successfully
- [x] when the item was checked and failed
- [-] when the item could not be checked or was not applicable

Do not include any explanation before or after the checklist.

## Checklist

Check these items:

1. The stylesheet contains at least one CSS rule.
2. Every opening brace has a matching closing brace.
3. The stylesheet does not use !important.
4. The stylesheet does not use ID selectors.
5. Color values are not all hard-coded as hex colors only.
6. The stylesheet includes at least one responsive rule using @media, @container, or a relative unit such as rem, em, %, vw, or vh.