Standardizes coss UI primitives for React apps with portalProps and Tailwind token conventions.
npx skills add https://github.com/Makisuo/maple --skill coss-makisuo
Please help me install this Agent Skill. Skill: coss Source: https://github.com/Makisuo/maple/tree/main/.agents/skills/coss Command: npx skills add https://github.com/Makisuo/maple --skill coss-makisuo
Enables teams to consistently and correctly implement the coss UI component library across React apps, improving accessibility and visual coherence.
Migrate a shadcn/Radix dialog flow to coss by wiring Dialog components and ensuring portal forwarding with portalProps.
High-intent search queries and answers about installing and using this skill.
To migrate shadcn or Radix UI components to coss Base UI, wire the equivalent coss primitives and ensure portal forwarding using the portalProps pattern. This standardizes overlays, forms, inputs, and data displays for consistent, accessible interfaces.
To ensure accessibility with coss UI primitives, apply the standardized portalProps patterns for portal forwarding and use the provided reference patterns for overlays. This enforces consistent, accessible component behaviors across React applications.
The best way to compose forms with coss UI primitives is to use the field-based composition method along with Tailwind token conventions. This approach ensures visual coherence and standardized input handling across your React application.
Yes, you need to follow specific Tailwind token conventions when implementing coss UI data displays. The skill enforces these conventions to guarantee visual coherence and consistent styling across React components.
You can use coss UI primitives alongside existing shadcn components during migration by following the provided migration guidance. It maps shadcn and Radix patterns to coss and Base UI equivalents to maintain functionality.
coss UI dialog portal forwarding fails when portalProps patterns are not correctly applied. To resolve this, ensure you are using the enforced portalProps patterns for portal forwarding as specified in the migration and reference guidance.
cosscomGuide React developers in selecting, using, and migrating coss UI components.
mahou-labsGuide React UI development with coss primitives for accessible components and styling.
MapleTechLabsImplement coss UI components using Base UI primitives with Tailwind CSS v4.
mohamed-g-shoaibImplement coss UI primitives in React with Tailwind styling and accessibility.
