building-components 是做什么的?
构建现代、可访问且可组合的用户界面组件指南。适用于创建新组件、实现无障碍功能、设计可组合的API、设置设计令牌、发布到npm/注册表或编写组件文档。
构建现代、可访问且可组合的用户界面组件指南。适用于创建新组件、实现无障碍功能、设计可组合的API、设置设计令牌、发布到npm/注册表或编写组件文档。
这是一个非常有价值的技能指南,专注于现代UI组件的开发最佳实践。它涵盖了组件的可访问性(无障碍)实现、可组合API的设计、设计令牌的建立,以及组件的发布和文档撰写。该技能适用于Vercel平台,也适用于任何需要高质量前端组件的项目。通过遵循该指南,开发者可以确保其组件既具有优秀的用户体验,又易于维护和扩展。其核心思想是Vercel在构建其设计系统和组件库时积累的经验,旨在帮助开发者避免常见陷阱,并创建出符合行业标准的组件。
npx skills add https://github.com/vercel/components.build/tree/main/skills/building-components构建现代、可访问且可组合的用户界面组件指南。适用于创建新组件、实现无障碍功能、设计可组合的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".