用途：为 AI 时代界面选用并正确集成 libraries.dev 的七个 UI 效果库。每个库都是 npm 包并提供 React 组件，技能说明其用途、安装方式与 detail 页选项。写代码前必须先读对应参考文件，不得猜测 prop。
主要能力：
- Border beam（border-beam，BorderBeam）：围绕元素边框游走的光线，用于 AI 输入框、活跃卡片、高亮按钮。
- Thinking orbs（thinking-orbs，ThinkingOrb）：表示智能体正在思考、搜索、写作、聆听的小圆点指示器。
- Gooey（liquid-gooey，Liquid）：可融合、融化、变形的形状与图像，用于黏性菜单、blob 过渡、有机背景。
- Voice（voice-glow，VoiceBeam）：音频响应辉光，用于语音输入、听写与语音智能体。
- Bot avatars（bot-avatars，BotAvatar）：带空闲与工作状态的动画机器人角色。
- Liquid metal（metal-fx，MetalFx）：实时液态金属材质，用于按钮、徽章、图标与文字。
- Image（img-fx，ImageGeneration）：图像生成或加载时的占位与揭示效果。
使用方式：三个命令。libraries reveal 列出七个库；libraries review 读取技术栈（框架、React 版本、样式方案、TypeScript、SSR）和适配信号，按影响排序输出建议（不修改文件）；libraries apply 选定库、读取参考文件、用项目包管理器安装并放置组件。安装前须展示确切命令并征得同意。
决策规则：等待不足 2 秒不加效果；2 秒以上加 Thinking orbs；超过 3 秒再加 Border beam。按元素匹配：提示输入或 CTA 用 Border beam，大标题或徽章用 Liquid metal，语音相关用 Voice，机器人头像用 Bot avatars，图像生成用 Image，需融合形变用 Gooey。两个都合适时选更轻的；Liquid metal 与 Image 走 WebGL。同元素或相邻元素不得叠加效果，同一页面金属元素共用一个配色。
限制：需 React 环境；Canvas/WebGL 组件仅客户端渲染，在 Next.js App Router 中需放入 "use client" 组件；须匹配主题、尺寸与 reduced-motion 处理。免费范围限于各 detail 页所提供选项；调色板、精细动效、光标重力、shader 与几何层自定义属 Libraries Pro，需用户自行运行 npx libraries-dev skill --pro，技能本身不代为安装或更新技能。文档与在线 playground 见 https://libraries.dev。