ss-review
FeaturedReview UI code for design system compliance, accessibility, and best practices
Web & Frontend 950 stars
88 forks Updated today MIT
Install
Quality Score: 96/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
# UI Design Review
## Registry-first artifact boundary
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`. If missing or stale, invoke
`/ss-resolve` or `$ss-resolve` from `STYLESEED.md` first. Review task fitness and grammar
coherence before framework conventions. For non-web artifacts, replace React/Tailwind-only
checks with the active adapter's render/export checks.
## When NOT to use
- For accessibility-only issues → use `/ss-a11y`
- For Nielsen UX heuristics → use `/ss-audit`
- For a quick automated check → use `/ss-lint`
- For non-UI code (data fetching, business rules)
Review the file: **$ARGUMENTS**
## Checklist
### 1. Design Token and Recipe Compliance
- [ ] No hardcoded hex colors (use semantic tokens: `text-foreground`, `bg-brand`, etc.)
- [ ] No hardcoded px spacing in Tailwind (use `p-6` not `p-[24px]`)
- [ ] Pattern geometry/elevation uses the selected recipe or explicit semantic variables
- [ ] No hardcoded universal `rounded-2xl + shadow + mx-6` language across unrelated recipes
### 2. Component Conventions
- [ ] Uses `data-slot` attribute
- [ ] Uses `cn()` for className m...
Details
- Author
- bitjaru
- Repository
- bitjaru/styleseed
- Created
- 5 months ago
- Last Updated
- today
- Language
- JavaScript
- License
- MIT
Integrates with
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
Web & Frontend Featured
ss-a11y
Audit a component or page for accessibility issues and fix them
950 Updated today
bitjaru Web & Frontend Featured
styleseed-design-review
Reviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it. Use it when a React/Tailwind/HTML interface looks off, generic, or unfinished, when you want a design score before shipping, or when asked to make UI look more professional, polished, or "designed, not generated." Self-contained; based on the open-source StyleSeed design engine.
950 Updated today
bitjaru Web & Frontend Featured
ss-audit
Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
950 Updated today
bitjaru