coss-particles

A searchable index of COSS UI 'particles' — copy-paste-ready UI patterns built on coss primitives — for developers who want ready-made component examples rather than building patterns from scratch. It catalogs 484 particles across 52 component types, spanning form controls and inputs (autocomplete, combobox, input-group, number-field, otp-field, select, checkbox-group, radio-group, slider, switch, textarea, field, fieldset), navigation and overlays (breadcrumb, menu, pagination, dialog, alert-dialog, drawer, sheet, popover, tooltip, toast), and display elements (accordion, alert, avatar, badge, button, calendar, card, table, tabs, progress, meter, skeleton, spinner, and more). Each catalog entry pairs a short human-readable description (for example, 'Autocomplete with async items loading' or 'Status badge - Paid') with a JSON manifest URL following the pattern https://coss.com/ui/r/<particle-name>.json, so a specific pattern can be fetched to retrieve its full source code and then adapted. The intended workflow is to describe the UI you need, search the index by component type and description for matching particles, fetch the JSON URL for the source, and adapt it. Particles can be browsed visually at coss.com/ui/particles, and their source files live in the repo under apps/ui/registry/default/particles/. The index itself is generated by a script (node apps/ui/scripts/generate-particle-index.cjs) run from the coss repo root, so it can be regenerated as particles are added. Compatibility requires coss UI components installed in the project, and the skill is MIT licensed. It is useful when implementing features such as forms with validation, dialogs containing forms, tabs with icons, or any of the dozens of catalogued component variants, letting teams start from a working example that already follows coss conventions.