Install any skill in seconds. Free to start, no credit card required.
Get Started Free →bitjaru/ss-verify
The VISUAL gate — render a UI or visual artifact through its surface adapter, inspect the actual pixels, then fix and re-render until it passes the composed StyleSeed rule set.
Passed 14 of 19 test cases with the skill, and 5 of 19 without it.
and 7 more in the full report
10 fixed6 passed either way6 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.
We want to check our React component source files for forbidden inline style overrides and design token mismatches during pre-commit git hooks without launching a headless browser. Which command performs this fast static check?
| Checked | Without skill | With skill |
|---|---|---|
| Recommends running /ss-lint for pre-commit static code checks | Missed | Passed |
The instructions your model reads when the skill loads.
When .styleseed/project.json and .styleseed/artifacts/index.json exist, resolve the requested artifact ID first, then read only .styleseed/bundles/<artifact-id>.md and .styleseed/manifests/<artifact-id>.json. Never fall back to the global legacy bundle for a registry project. Legacy projects may use .styleseed/effective-rules.md only when no registry exists.
Read .styleseed/effective-rules.md and .styleseed/manifest.json; invoke /ss-resolve or
$ss-resolve first when they are missing or stale. Judge pixels against that compiled method.
A lock value cannot excuse a core failure, and a recipe/profile cannot replace the output grammar.
/ss-score reads the code and scores it. But some of the worst "AI-made" tells never appear
in source — they only exist in pixels: a hero that doesn't actually dominate, a lower third
of dead whitespace, cramped cards, a web font that silently failed to load and fell back to
Times, two colors that look like two accents once rendered, text that's unreadable on its real
background. A human sees these in half a second; a code-reading gate misses all of them.
/ss-verify closes that gap: it renders the UI, screenshots it, and you look at the image —
then score the same StyleSeed gate against what you see, fix, and re-render. This is the gate
that most predicts whether a real user will say "this looks designed."
Run it as the final gate after /ss-score passes — code-clean is necessary but not
sufficient; pixel-clean is the real bar.
/ss-score./ss-score, and tell the user the visual gate was skipped. Never claim you verified visually
if you didn't actually see a screenshot./ss-lint. /ss-verify is heavier (it boots a renderer).For social-carousel, slide-deck, document-report, or single-frame, use the companion
renderer and open every required exported frame/page at readable resolution. Verify dimensions,
crop/safe zones, font availability, asset placement, and the export manifest. Do not force a
browser workflow onto a PIL, slide, PDF, or image renderer.
For product-ui, get a real screenshot in priority order:
A. Running project (Next / Vite / etc.) — the normal case.
test cases passed, vs 5 / 19 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.