coss

Catalog Base UI primitives and migration guidelines for React overlays.

Updated Aug 23, 2026

Search Tags:#ui #documentation #react #components #migration #base-ui #coss

Ready to run

npx skills add https://github.com/kaissalha/webld --skill coss-kaissalha

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: coss
Source: https://github.com/kaissalha/webld/tree/main/.agents/skills/coss
Command: npx skills add https://github.com/kaissalha/webld --skill coss-kaissalha

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

coss provides a structured, discoverable set of UI primitives and migration guidelines to help teams build consistent interfaces and migrate from shadcn/Radix to Base UI in React projects.

Core Features & Use Cases

Component registry with dedicated reference guides and particle examples to accelerate UI development.
Portal-forwarding and composition rules to assemble overlays, menus, and dialogs without custom wrappers.
Clear guidelines for accessibility, styling tokens, and interoperability with existing codebases.

Quick Start

Start by exploring the references directory to locate primitives and study example particles before implementing UI in your app.

Frequently Asked Questions about coss

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

FAQPage Schema

How do I migrate React UI components from shadcn or Radix to Base UI?▼

This React UI migration to Base UI is supported by coss, which provides structured migration guidelines and a component registry. It helps teams transition from shadcn or Radix patterns to Base UI primitives without custom wrappers.

What are Base UI primitives and how do they handle portal composition for overlays?▼

Base UI primitives are structured building blocks provided by coss that define portal-forwarding and composition rules. They enable developers to assemble overlays, menus, and dialogs without building custom wrappers.

How do I find React UI component references and examples for Base UI?▼

You find React UI component references and particle examples by exploring the coss references directory. This registry provides dedicated guides to locate primitives and accelerate UI development.

Does coss provide guidelines for accessibility and styling tokens in React?▼

Yes, coss provides clear guidelines for accessibility and styling tokens to ensure interoperability with existing React codebases. These rules support building consistent interfaces when adopting Base UI primitives.

What is the best way to assemble dialogs and menus in React without custom wrappers?▼

The best way to assemble dialogs and menus without custom wrappers is using coss portal-forwarding composition rules. This method leverages Base UI primitives to construct overlays directly and maintain consistent UI patterns.