# Coss Particles

Index of all COSS UI particle examples.

- Repository: https://github.com/crafter-station/petdex (4312 stars)
- Category: Design
- License: MIT
- Last updated: 2026-10-10
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add crafter-station/petdex --skill coss-particles -g -a claude-code -y`
Codex: `npx skills add crafter-station/petdex --skill coss-particles -g -a codex -y`
Cursor: `npx skills add crafter-station/petdex --skill coss-particles -g -a cursor -y`
Gemini CLI: `npx skills add crafter-station/petdex --skill coss-particles -g -a gemini-cli -y`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# COSS UI Particles Index

Particles are copy-paste-ready UI patterns built on [coss](https://coss.com/ui) primitives. Browse them visually at <https://coss.com/ui/particles>.

## How to use this skill

1. Describe the UI you need (e.g. "a form with validation", "a dialog with a form inside", "tabs with icons").
2. Search this index for matching particles by component type and description.
3. Fetch the JSON URL to get the full source code of the particle.
4. 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:
```bash
node apps/ui/scripts/generate-particle-index.cjs
```

Total: **484 particles** across **52 component types**

## Component types

The rest: https://github.com/crafter-station/petdex/blob/HEAD/.agents/skills/coss-particles/SKILL.md