skills.rest
cosscomcosscomOfficial·2 Agent Skills Included

coss

Copy-paste React component library with 500+ ready UI patterns

Generates accessible React UI components built on Base UI and Tailwind CSS, from buttons and dialogs to calendars and forms. Eliminates building common interface elements from scratch and fixes shadcn/Radix migration mistakes. Helps your AI agent pick the right primitive, write correct composition code, and install any of 508 copy-paste particle patterns.
10,401|522
↗
npx skills add cosscom/coss --all -g -y
Available:

Instructs your AI agent on the exact naming, import, accessibility, and styling rules to follow when creating new coss UI particle components that match the library's conventions.

All Skills in This Repository (2)

Pure Emerald Level Indicators
📦 In Repo
cosscomcosscom

coss-particles

Index and retrieve COSS UI particles via JSON manifests.

Official
Basic
📦 In Repo
cosscomcosscom

coss

Guide React developers in selecting, using, and migrating coss UI components.

Official
Advanced

Frequently Asked Questions

FAQPage Schema
How to install coss?▼

Run `npx skills add cosscom/coss --all -g -y` in your terminal to install all skills in this suite globally.

What is coss UI?▼

coss UI is the official Cal.com design system: a collection of accessible, composable React components built on Base UI and Tailwind CSS that you copy, paste, and own.

How do I add coss components to my React project?▼

Use the shadcn CLI with commands like `npx shadcn@latest add @coss/dialog`, or bootstrap a new project with `npx shadcn@latest init @coss/style`.

Can AI agents build UIs with coss components?▼

Yes. The included skills teach your AI agent correct imports, composition patterns, and accessibility rules, plus an index of 508 ready-made particle examples to reuse.

How do I migrate from shadcn or Radix to coss?▼

The coss skill includes dedicated migration references that map shadcn/Radix patterns to Base UI equivalents and flag common pitfalls like trigger composition and portal behavior.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills