Communitygithub.com

vercel/building-components

モダンでアクセシブル、かつコンポーザブルなUIコンポーネントを構築するためのガイド。新しいコンポーネントの作成、アクセシビリティの実装、コンポーザブルなAPIの設計、デザイントークンの設定、npm/レジストリへの公開、コンポーネントドキュメントの作成などに使用します。

building-components とは?

このスキルは、モダンでアクセシブル、かつコンポーザブルなUIコンポーネントを構築するための包括的なガイドを提供します。ReactやVue.js、Angularなどの主要なフロントエンドフレームワークをサポートし、コンポーネント設計におけるベストプラクティスを提案します。特に、WAI-ARIAに準拠したアクセシビリティの実装、slotやchildrenなどのパターンを用いたコンポーザブルなAPIの設計、デザイントークン(カラー、タイポグラフィ、スペーシングなど)の効果的な設定方法に焦点を当てています。また、npmやプライベートレジストリへのパッケージ公開手順や、Storybookなどを活用したコンポーネントドキュメントの作成方法も含まれています。これにより、開発者は一貫性のある再利用可能なUIコンポーネントを効率的に開発し、プロジェクト全体の品質と保守性を向上させることができます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel/components.build/tree/main/skills/building-components

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

building-components は何をしますか?

モダンでアクセシブル、かつコンポーザブルなUIコンポーネントを構築するためのガイド。新しいコンポーネントの作成、アクセシビリティの実装、コンポーザブルなAPIの設計、デザイントークンの設定、npm/レジストリへの公開、コンポーネントドキュメントの作成などに使用します。

関連スキル