Implement coss UI components using Base UI primitives with Tailwind CSS v4.
npx skills add https://github.com/MapleTechLabs/maple --skill coss-mapletechlabs
Please help me install this Agent Skill. Skill: coss Source: https://github.com/MapleTechLabs/maple/tree/main/.agents/skills/coss Command: npx skills add https://github.com/MapleTechLabs/maple --skill coss-mapletechlabs
This skill solves the difficulty of correctly implementing coss UI components, which are built on Base UI with a shadcn-like developer experience. It eliminates common migration mistakes from shadcn/Radix and ensures proper composition, accessibility, and Tailwind styling without guesswork.
Use the coss skill to implement a dialog component with correct trigger and popup composition by consulting the dialog primitive reference guide.
High-intent search queries and answers about installing and using this skill.
To implement accessible React UI components with Tailwind CSS v4 and Base UI primitives, use the coss component registry to discover 53+ primitives like dialogs and menus, ensuring correct imports, composition patterns, and prop usage for production-ready interfaces without guesswork.
The best way to migrate from shadcn or Radix UI to Base UI primitives involves using documented pattern translations and pitfall avoidance provided by coss, which ensures proper composition, accessibility, and Tailwind styling while eliminating common migration mistakes.
Yes, you can use coss UI components for complex forms, selects, and overlays in React. The skill provides implementation guidance and production-like particle examples for 53+ component primitives built on Base UI with a shadcn-like developer experience.
To find the correct Base UI primitive for a specific frontend interface task, consult the coss component discovery registry index, which helps quickly identify the right primitive for any UI requirement using the component registry.
shadcn to Base UI component migration often breaks composition and accessibility rules due to undocumented pattern differences. coss eliminates these common migration mistakes by providing documented pattern translations and correct composition rules for accessible production-ready interfaces.
yurkennConfigure Tailwind CSS v4 in Expo projects with NativeWind and react-native-css.
tharunramagiriEnforce a build-test-verify workflow for React and Next.js web projects.
petbrainsProvide copy-paste React/Next.js UI components built on Radix UI and Tailwind CSS.
JewelsHovanEnforce shadcn-ui best practices for React and TypeScript projects.
