Name: css-resource-checker
Author: SomeNewKid

Imported from SomeNewKid/WebResourceChecker (.claude/skills/css-resource-checker/SKILL.md). Install upstream with npx skills add SomeNewKid/WebResourceChecker --skill css-resource-checker. Copyright stays with the author.

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
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:

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

{ "ocm": "1", "id": "somenewkid-webresourcechecker-css-resource-checker", "kind": "skill", "name": "css-resource-checker", "description": "Check a CSS resource by inspecting its source code and reporting a small stylesheet-quality checklist.", "publisher": "SomeNewKid", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Check a CSS resource by inspecting its source code and reporting a small stylesheet-quality checklist." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/SomeNewKid/WebResourceChecker", "path": ".claude/skills/css-resource-checker/SKILL.md", "ref": "5d3d83ccf03412baaadd4df339845a47455b0a1d", "url": "https://github.com/SomeNewKid/WebResourceChecker/blob/5d3d83ccf03412baaadd4df339845a47455b0a1d/.claude/skills/css-resource-checker/SKILL.md", "key": "SomeNewKid/WebResourceChecker/.claude/skills/css-resource-checker/SKILL.md" } }, "instructions": "# CSS Resource Checker\n\nUse this skill when the application provides the source code of a CSS stylesheet.\n\nInspect only the provided CSS source. Do not fetch external resources. Do not assume missing information.\n\n## Output Format\n\nReturn one checklist result per line.\n\nUse exactly these markers:\n\n- [✓] when the item was checked successfully\n- [x] when the item was checked and failed\n- [-] when the item could not be checked or was not applicable\n\nDo not include any explanation before or after the checklist.\n\n## Checklist\n\nCheck these items:\n\n1. The stylesheet contains at least one CSS rule.\n2.", "cost": { "context_tokens": 232 } }

css-resource-checker

About