building-components 是做什麼的？
用於構建現代、無障礙且可組合的 UI 元件的指南。適用於建立新元件、實作無障礙功能、建立可組合 API、設定設計代碼、發布至 npm/註冊表或撰寫元件文件。
用於構建現代、無障礙且可組合的 UI 元件的指南。適用於建立新元件、實作無障礙功能、建立可組合 API、設定設計代碼、發布至 npm/註冊表或撰寫元件文件。
此技能提供了一套全面的指南，專注於建立現代、無障礙（accessible）且可組合（composable）的 UI 元件。它涵蓋了從元件設計原則、無障礙標準實作、可組合 API 設計，到設計代碼（design tokens）的設定與管理，以及最終發布至 npm 或私有註冊表等完整流程。對於前端開發者而言，此技能透過結構化的步驟與最佳實務，幫助他們建立可重用、易於維護且符合業界標準的 UI 系統，並能有效整合至現代框架（如 React、Vue）中。它強調元件間的組合性與無障礙支援，確保最終產品對所有使用者皆友善。
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".