Communitygithub.com

cosscom/coss

coss UIコンポーネントを正しく実装するためのヘルパー。cossプリミティブを使ったUI構築、shadcn/Radixからの移行、トリガーベースのオーバーレイ構成、トラブルシューティングをサポートします。

coss とは?

このスキルは、coss UIコンポーネント(ボタン、ダイアログ、セレクト、フォーム、メニュー、タブ、入力、トーストなど)を正しく実装するためのガイドを提供します。特に、shadcn/Radixからcoss/Base UIへの移行、トリガーベースのオーバーレイ(ポップオーバー、ドロップダウン、ツールチップなど)の構成、および一般的な問題のトラブルシューティングに焦点を当てています。インポート方法、アクセシビリティ(WAI-ARIA)、Tailwind CSSを使ったスタイリング、そしてよくある落とし穴について詳細にカバー。Cline、Claude Code、Cursor、Codex、Continue.devなど、主要なAIエージェントプラットフォームで動作するように設計されており、開発者が一貫性のあるアクセシブルなUIを効率的に構築できるよう支援します。

対応~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.

関連スキル