skills.rest
sethdavis512
sethdavis512COMMUNITY
Explore all skills by this author →
Website𝕏@sethdavis512GitHub

coss-particles

Indexes 508 copy-paste-ready COSS UI particle patterns with JSON installation URLs.

4|Updated Oct 24, 2025
Search Tags:#frontend#component library#tailwind#react components#particles#ui patterns#coss ui
One-click install
npx skills add https://github.com/sethdavis512/iridium --skill coss-particles-sethdavis512
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: coss-particles
Source: https://github.com/sethdavis512/iridium/tree/main/.agents/skills/coss-particles
Command: npx skills add https://github.com/sethdavis512/iridium --skill coss-particles-sethdavis512

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Finding the right UI component pattern for a feature often means browsing documentation and writing boilerplate from scratch. This Skill provides a searchable index of 508 pre-built COSS UI particles across 54 component types, each with a JSON manifest URL for direct installation. ## Core Features & Use Cases - Component Pattern Index: Browse 508 particles organized by 54 component types including buttons, dialogs, calendars, comboboxes, and forms. - JSON-Based Installation: Each particle exposes a manifest at https://coss.com/ui/r/<particle-name>.json containing full source code for copy-paste integration. - Use Case: When building a settings page that needs a date range picker with presets, search the date-picker section, fetch the JSON for the matching particle, and adapt the source code into your React project. ## Quick Start Find a COSS UI particle for a dialog with a form inside and fetch its JSON source code.

Frequently Asked Questions about coss-particles

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I install a COSS UI particle component?▼

Find the particle in the index by component type, then fetch its JSON manifest at https://coss.com/ui/r/<particle-name>.json. The JSON contains the full source code, which you copy into your project and adapt to your needs.

What component types are available in COSS UI particles?▼

The index covers 54 component types with 508 total particles, including button, input, dialog, drawer, calendar, combobox, select, slider, table, tabs, toast, and form patterns. Each type contains multiple variants such as sizes, states, and composed layouts.

Does COSS UI particles work with Tailwind CSS and React?▼

Yes, particles are built on COSS UI primitives, which are Base UI components styled with Tailwind CSS v4. They are designed for React projects and require COSS UI components installed in the project first.

Can I use COSS particles without installing COSS UI primitives?▼

No, particles depend on COSS UI primitives being present in your project. The compatibility requirement states that COSS UI components must be installed before particle source code will work correctly.

How is the COSS particle index updated?▼

The index is regenerated by running node apps/ui/scripts/generate-particle-index.cjs from the coss repository root. Particle source files live in apps/ui/registry/default/particles/ within that repository.

Related Skills

Explore More Software Engineering Skills→
jason23452jason23452

coss

Implements React UIs with coss components built on Base UI and Tailwind CSS v4.

Community
Advanced
DazlarusDazlarus

frontend-development

Implements React and Vue components, state management, routing, and form validation patterns.

Community
Intermediate
TechlemariamTechlemariam

zod-schema-validator

Validate Zod schemas against API responses and UI forms.

Community
Intermediate
Aadi-110iAadi-110i

building-components

Guides building accessible, composable React UI components with design tokens and distribution patterns.

Community
Advanced