skills.rest
kaissalha
kaissalhaCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/kaissalha/webld --skill coss-kaissalha
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
yuheitomiyuheitomi

set-up-biome

Configure Biome and Shadcn/UI preferences in React projects with pnpm.

Community
Advanced
MapleTechLabsMapleTechLabs
1.6k

coss

Implement coss UI components using Base UI primitives with Tailwind CSS v4.

Official
Advanced
somachaksomachak

modern-css-architecture

Standardize design tokens and component styling patterns for Tailwind-based React projects.

Community
Intermediate
fab679fab679
9

shadcn

Manage shadcn/ui component lifecycle with project-specific configuration enforcement.

Community
Advanced