Communitygithub.com

cosscom/coss

Aide à implémenter correctement les composants d'interface utilisateur coss. Utilisez-le lors de la construction d'interfaces avec les primitives coss, de la migration depuis shadcn/Radix ou du dépannage du comportement des composants coss.

Qu'est-ce que coss ?

Ce skill est un guide expert pour les développeurs utilisant la bibliothèque de composants d'interface utilisateur coss. Il couvre l'implémentation correcte des primitives coss telles que les boutons, dialogues, sélecteurs, formulaires, menus, onglets, champs de saisie, toasts, et plus encore. Il est particulièrement utile lors de la migration d'autres bibliothèques comme shadcn ou Radix vers coss/Base UI, ou lors de la composition de superpositions déclenchées par des interactions. Le skill traite des importations (import), de l'accessibilité (aria, rôles), du stylisme Tailwind CSS et des pièges courants à éviter (comme les conflits de classes ou les problèmes de portail). Les développeurs y trouveront des exemples de code concrets, des explications sur les propriétés clés (comme `open`, `onOpenChange`, `asChild`) et des meilleures pratiques pour garantir que les composants se comportent de manière cohérente et accessible dans tous les contextes d'utilisation.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/cosscom/coss/tree/main/skills/coss
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait coss ?

Aide à implémenter correctement les composants d'interface utilisateur coss. Utilisez-le lors de la construction d'interfaces avec les primitives coss (boutons, dialogues, sélecteurs, formulaires, menus, onglets, champs de saisie, toasts, etc.), de la migration depuis shadcn/Radix vers coss/Base UI, de la composition de superpositions déclenchées par des interactions, ou du dépannage du comportement des composants coss. Couvre les importations, l'accessibilité, le stylisme Tailwind et les pièges courants.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

cosscom/coss-particles

Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community