COSS Particles

COSS Particles is a Frontend skill for Claude Code, published by crafter-station in petdex.

3.8K stars181 forkson crafter-station/petdexAdded 2026/08/16+2% in starsRepository updated 2026/08/14

claude-codeclerkclicodexdeveloper-toolsdrizzle-ormdsh-pluginmascotneonnextjspixel-artpostgresreactspritestailwindcssvercel

Install in seconds

Install COSS Particles

Copy COSS Particles into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/crafter-station/petdex/tree/main/.agents/skills/coss-particles ~/.claude/skills/coss-particles

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/crafter-station/petdex.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .agents/skills/coss-particles/SKILL.md in crafter-station/petdex
Installs to: ~/.claude/skills/coss-particles
Collection: One of 3 skills cataloged from this repository
Category: Frontend — 567 skills

What COSS Particles does

COSS Particles indexes all COSS UI particle examples so developers can find copy-paste-ready component patterns built on COSS primitives. Each particle includes a description and a JSON URL for easy installation when implementing UI features.

COSS Particles is cataloged under Frontend on DirSkills. COSS Particles comes from a repository tagged claude-code, clerk, cli, codex and developer-tools.

Documentation

README

Excerpt

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

This is the opening of the README. Read the full README on GitHub.

Frequently asked about COSS Particles

What else does crafter-station publish alongside COSS Particles?
COSS Particles is one of 3 skills that DirSkills catalogs from crafter-station/petdex, the repository it ships in. Its siblings there include Code Review Excellence and Coss UI. Each one is a separate skill with its own page in this directory, installs the same way COSS Particles does, and is maintained by crafter-station in that same repository. The rest of the collection is listed on the crafter-station/petdex page.
How does COSS Particles compare to other Frontend skills?
COSS Particles ranks #175 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of COSS Particles against them. Open each page to compare what they document and how they install.