Coss Particles
Index of all COSS UI particle examples.
Install
npx skills add crafter-station/petdex --skill coss-particles -g -a claude-code -y- Repository
- crafter-station/petdex4.3k
- Category
- Design
- Updated
- 25d ago
- License
- MIT
- Context cost
- Mediumabout 3,000 tokens
- Runs scripts
- No, instructions only
What it does
Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.
COSS UI Particles Index
Particles are copy-paste-ready UI patterns built on coss primitives. Browse them visually at https://coss.com/ui/particles.
How to use this skill
- Describe the UI you need (e.g. "a form with validation", "a dialog with a form inside", "tabs with icons").
- Search this index for matching particles by component type and description.
- Fetch the JSON URL to get the full source code of the particle.
- Adapt the particle code to your needs.
JSON URL pattern
Each particle has a JSON manifest at:
https://coss.com/ui/r/<particle-name>.json
For example: https://coss.com/ui/r/p-accordion-1.json
Source code
Particle source files live in this repo at apps/ui/registry/default/particles/.
Updating this index
Run the generator script from the coss repo root:
node apps/ui/scripts/generate-particle-index.cjs
Total: 484 particles across 52 component types
