Опишете задачата
Към всички skills

coss-particles

crafter-station · Инструменти

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.

Оригинален текст · няма потвърден превод на български
Платформи: Не са посочениНиво: Не е посоченоВ индекса: 21.09.2026 г.Обновен в GitHub: 21.09.2026 г.

Теми: claude-code · clerk · cli · codex · developer-tools · drizzle-orm · dsh-plugin · mascot · neon · nextjs · pixel-art · postgres · react · sprites · tailwindcss

Първо прочетете инструкцията.

Файлът се зарежда от посочения източник само по ваше действие. Можете да го прочетете тук, да го копирате или да го запазите като .md.

Оригинален SKILL.md
GitHub хранилище
Звезди на репото
4146
Лиценз
MIT
Последна проверка на записа
21.09.2026 г.

Добавете в своя инструмент.

Командата отваря избора на skills от репозитория. Прочетете файла и условията на автора преди изпълнение.

npx skills add crafter-station/petdex

Страницата копира текст. Не инсталира и не изпълнява нищо на устройството ви.

Откъс от SKILL.md

Началото на файла на автора, без превод.

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

  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:

node apps/ui/scripts/generate-particle-index.cjs

Total: 484 particles across 52 component types

Component types

  • accordion (4)
  • alert (7)
  • alert-dialog (2)
  • autocomplete (15)
  • avatar (14)
  • badge (20)
  • breadcrumb (7)
  • button (40)
  • calendar (24)
  • card (11)
  • checkbox (5)
  • checkbox-group (5)
  • collapsible (1)
  • combobox (18)
  • command (2)
  • date-picker (9)
  • dialog (6)
  • drawer (14)
  • empty (1)
  • field (18)
  • fieldset (1)
  • form (2)
  • frame (4)
  • group (22)
  • input (19)
  • input-group (28)
  • kbd (1)
  • menu (9)
  • meter (4)
  • number-field (11)
  • otp-field (9)
  • pagination (3)
  • popover (3)
  • preview-card (1)
  • progress (3)
  • radio-group (6)
  • scroll-area (5)
  • select (23)
  • separator (1)
  • sheet (3)
  • skeleton (2)
  • slider (23)
  • spinner (1)
  • switch (6)
  • table (8)
  • tabs (13)
  • textarea (15)
  • toast (13)
  • toggle (8)
  • toggle-group (9)
  • toolbar (1)
  • tooltip (4)

accordion

Целият SKILL.md в GitHub