Communitygithub.com

cosscom/coss

coss UI 컴포넌트를 올바르게 구현할 수 있도록 도와줍니다. coss 프리미티브(버튼, 다이얼로그, 선택, 폼, 메뉴, 탭, 입력, 토스트 등)로 UI를 구축하거나, shadcn/Radix에서 coss/Base UI로 마이그레이션하거나, 트리거 기반 오버레이를 구성하거나, coss 컴포넌트 동작 문제를 해결할 때 사용하세요. 임포트, 접근성, Tailwind 스타일링 및 일반적인 함정을 다룹니다.

coss란 무엇인가요?

cosscom/coss는 coss UI 프리미티브를 올바르게 구현하기 위한 전문 기술 스킬입니다. 버튼, 다이얼로그, 선택, 폼, 메뉴, 탭, 입력, 토스트 등 coss 기반 UI 구성 요소를 구축할 때 유용하며, shadcn/Radix에서 coss/Base UI로 마이그레이션하는 경우에도 활용됩니다. 이 스킬은 임포트 구문, 접근성 준수, Tailwind CSS 스타일링 적용 및 트리거 기반 오버레이(메뉴, 다이얼로그 등)의 올바른 합성 방법을 안내합니다. 또한 coss 컴포넌트의 일반적인 함정(예: 잘못된 스타일링이나 접근성 속성 누락)을 식별하고 해결하는 데 중점을 둡니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cosscom/coss/tree/main/skills/coss

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

coss은(는) 무엇을 하나요?

coss UI 컴포넌트를 올바르게 구현할 수 있도록 도와줍니다. coss 프리미티브(버튼, 다이얼로그, 선택, 폼, 메뉴, 탭, 입력, 토스트 등)로 UI를 구축하거나, shadcn/Radix에서 coss/Base UI로 마이그레이션하거나, 트리거 기반 오버레이를 구성하거나, coss 컴포넌트 동작 문제를 해결할 때 사용하세요. 임포트, 접근성, Tailwind 스타일링 및 일반적인 함정을 다룹니다.

Individual skills in this repo

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

관련 스킬