building-components は何をしますか?
モダンでアクセシブル、かつコンポーザブルなUIコンポーネントを構築するためのガイド。新しいコンポーネントの作成、アクセシビリティの実装、コンポーザブルなAPIの設計、デザイントークンの設定、npm/レジストリへの公開、コンポーネントドキュメントの作成などに使用します。
モダンでアクセシブル、かつコンポーザブルなUIコンポーネントを構築するためのガイド。新しいコンポーネントの作成、アクセシビリティの実装、コンポーザブルなAPIの設計、デザイントークンの設定、npm/レジストリへの公開、コンポーネントドキュメントの作成などに使用します。
このスキルは、モダンでアクセシブル、かつコンポーザブルなUIコンポーネントを構築するための包括的なガイドを提供します。ReactやVue.js、Angularなどの主要なフロントエンドフレームワークをサポートし、コンポーネント設計におけるベストプラクティスを提案します。特に、WAI-ARIAに準拠したアクセシビリティの実装、slotやchildrenなどのパターンを用いたコンポーザブルなAPIの設計、デザイントークン(カラー、タイポグラフィ、スペーシングなど)の効果的な設定方法に焦点を当てています。また、npmやプライベートレジストリへのパッケージ公開手順や、Storybookなどを活用したコンポーネントドキュメントの作成方法も含まれています。これにより、開発者は一貫性のある再利用可能なUIコンポーネントを効率的に開発し、プロジェクト全体の品質と保守性を向上させることができます。
npx skills add https://github.com/vercel/components.build/tree/main/skills/building-componentsモダンでアクセシブル、かつコンポーザブルなUIコンポーネントを構築するためのガイド。新しいコンポーネントの作成、アクセシビリティの実装、コンポーザブルなAPIの設計、デザイントークンの設定、npm/レジストリへの公開、コンポーネントドキュメントの作成などに使用します。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
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".
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.
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".