skeletonlabs/skeleton
Reviewed against Rams quality heuristics: accessibility, color, typography, spacing, components, motion, UX, and craft.
30 files reviewed·July 29, 2026
Top fix
No issues found; continue auditing new components against existing token discipline
More findings
- Spacing and color patterns stayed consistent across all 30 reviewed files
- Token-driven theming approach held up with no deviations spotted
Verdict
Consistency wins here: 30 files, zero issues, a system that behaves like a system. The real risk isn't in what's here, it's in what wasn't sampled, so keep auditing as the surface area grows.
Files Rams reviewed
playgrounds/skeleton-react/app/components/steps/page.tsx
playgrounds/skeleton-react/src/routes/components/app-bar/index.tsx
playgrounds/skeleton-react/src/routes/components/carousel/index.tsx
playgrounds/skeleton-react/src/routes/components/combobox/index.tsx
playgrounds/skeleton-react/src/routes/components/date-picker/index.tsx
playgrounds/skeleton-react/src/routes/components/file-upload/index.tsx
playgrounds/skeleton-react/src/routes/components/floating-panel/index.tsx
playgrounds/skeleton-react/src/routes/components/listbox/index.tsx
playgrounds/skeleton-react/src/routes/components/marquee/index.tsx
playgrounds/skeleton-react/src/routes/components/menu/index.tsx
playgrounds/skeleton-react/src/routes/components/navigation/index.tsx
playgrounds/skeleton-react/src/routes/components/progress-linear/index.tsx
playgrounds/skeleton-react/src/routes/components/segmented-control/index.tsx
playgrounds/skeleton-react/src/routes/components/toast/index.tsx
playgrounds/skeleton-react/src/routes/components/tree-view/index.tsx
sites/skeleton.dev/src/components/examples/framework-components/popover/react/z-index.tsx
sites/skeleton.dev/src/components/examples/integrations/code-block/react/page.tsx
packages/skeleton-common/src/components/carousel.css
packages/skeleton-common/src/components/combobox.css
packages/skeleton-common/src/components/date-picker.css
packages/skeleton-common/src/components/file-upload.css
packages/skeleton-common/src/components/floating-panel.css
packages/skeleton-common/src/components/listbox.css
packages/skeleton-common/src/components/marquee.css
packages/skeleton-common/src/components/navigation.css
packages/skeleton-common/src/components/progress.css
packages/skeleton-common/src/components/segmented-control.css
packages/skeleton-common/src/components/steps.css
packages/skeleton-common/src/components/switch.css
packages/skeleton-common/src/components/tabs.css
Working well
- Using the library's compound-component primitives (DatePicker.Label, DatePicker.Trigger, DatePicker.Context) instead of hand-rolling the calendar grid keeps focus management and keyboard interaction inside the tested primitive rather than reimplemented here.
- Using the library's own Trigger/Positioner/Content composition instead of hand-rolling a draggable overlay avoids the focus-trap and keyboard pitfalls that custom dialogs usually hit.
- The three AppBar variants (leading, centered, extended) clearly demonstrate the grid-template approach to layout composition, which is a clean way to document a flexible primitive.
Scored July 29, 2026 with Rams Engine v0.0.3 · Engine changelog
This page is an automated design review of skeletonlabs/skeleton’s UI code: 30 files read against 258 versioned rules covering accessibility, color, typography, spacing, components, UX, motion, and craft. The score is out of 100; any confirmed critical issue caps it at 59.
More design scores
Score your own repo.
Free on public repos, no account. The same engine that scored this page reads your UI code and mints a score page like this one.
Public repos only. The full engine reviews the UI code and mints a public score page — we email you the link too. Already-scored repos open instantly.
