SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
11,257 个结果
example-svelte 是 Helios 项目在 Svelte 环境中的组合（Composition）集成模式示例，演示如何用 Svelte Stores 管理 Helios 的帧状态并实现响应式渲染。资料给出了可复用的快速上手路径：用 readable store 包装 Helios 实例并订阅其状态更新；在组件中初始化 Helios 单例、绑定文档时间轴，并通过响应式语句在帧变化时重绘 Canvas；同时提供 Svelte 5 Runes 写法，用 $state 构建状态类并在 $effect 中响应；还包含音频可视化模式，用 derived store 根据当前帧计算 RMS 与波形分析数据。适合在 Svelte 环境下开发 Helios 动画或音频可视化组合的场景。
该资料介绍如何在 Helios 组合（composition）中配合使用 Tailwind CSS，通过工具类完成样式与动画。示例展示了 Helios 的 autoSyncAnimations 自动同步机制：开启后，animate-bounce、animate-spin 等标准 CSS 动画会被 Helios 接管，helios.seek() 可将 CSS 动画定位到指定时间点。同时给出快速上手代码、tailwind.config.js 自定义关键帧写法，以及 monorepo 或示例目录下用 content 数组限定作用域、避免样式泄漏或缺失的注意事项。适用于用 Tailwind 工具类为 Helios 组合做样式和动画的场景。
Helios 与 Three.js、React Three Fiber 配合使用时的组合模式说明，用于制作 3D 动画和集成 WebGL 场景。核心思路是关闭渲染器内部的自动循环，改由 Helios 的订阅回调逐帧驱动场景更新，从而获得确定性渲染与同步效果。文档给出 React Three Fiber 与原生 Three.js 两种快速上手示例，并附抗锯齿、阴影更新、GLTF 加载等注意事项。
该技能提供在原生 JavaScript/TypeScript 环境中使用 Helios 的模式，适合不依赖框架构建合成内容，或进行简单的 DOM/Canvas 操作。内容包括初始化 Helios、绑定文档时间线、通过 subscribe 回调逐帧更新 DOM 与 Canvas，以及由 SRT 字幕数据驱动的字幕显示示例，并提示避免在循环内造成布局抖动。
该页面提供在 Vue 环境中使用 Helios 的组合式 API 模式，主要包含视频帧订阅、Canvas 动画绘制与音频可视化三类示例。资料给出 useVideoFrame 与 useAudioData 两个组合式函数的代码，以及一个基于 Canvas 的 Composition 组件示例，并说明可用 computed 根据响应式帧推导当前时间。页面来源标注了两个示例目录：examples/vue-canvas-animation/ 与 examples/vue-audio-visualization/。除示例代码与用法提示外，未提供安装包名、版本要求、收费方式或平台支持范围等额外事实。
Helios Player 是用于在网页中嵌入 Helios 合成作品（composition）的 Web Component 播放器 API。它通过 iframe 加载合成内容，并建立控制与状态管理桥接，提供播放、暂停、跳转、音量、循环、画中画等标准媒体式控制，支持字幕轨道、主题 CSS 变量定制，以及基于浏览器的客户端视频导出（mp4/webm）。适合需要在 Web 应用中展示带播放控件的 Helios 动画或视频合成、并支持导出或字幕的场景。
用于浏览器 CSS 过渡、关键帧、滚动驱动动画、注册属性、离散过渡、减少动态效果与性能安全 CSS 动效的技能，提供参考文档、审计 CLI 与模板。
在 Expo 中配置 Tailwind CSS v4，配合 react-native-css 与 NativeWind v5，实现 iOS、Android 与 Web 的通用样式。依赖为预发布版本，可能不稳定。
该技能用于在编写、重构或审查浏览器端 React、Vue 代码时应用 Yliu 的前端工程实践，覆盖 Axios 与 API 模块、请求 Hook、路由性能、UI 状态与样式、测试等，不处理服务端模块。
Arcan Glass 是 BroomVA 的商标网页设计语言，面向 Next.js + Tailwind v4 + shadcn/ui 项目的玻璃拟态样式系统，以深色优先、OKLCh 配色和四层玻璃效果为核心。
next-forge 是一个面向 Next.js SaaS 应用的生产级 Turborepo 模板，内置多应用与共享包结构，覆盖认证、数据库、支付、邮件、CMS、分析、可观测性、安全等集成。除数据库外的集成为可选，缺少环境变量时会优雅降级。
前端 BEM 命名规范转换与 CSS 样式优化器，可同步转换 HTML/JSX/TSX/Vue/Svelte/Astro 中的 class/className 与 CSS/Sass/Less/Stylus 选择器为 BEM 格式，并支持 CSS 属性按 csscomb zen 顺序排序、BEM 嵌套重组和按逻辑域拆分样式文件。
React 19 开发实践技能，指导在编辑 .jsx/.tsx、React 组件、Hooks 或处理 react/react-dom 时，按项目实际安装的 React minor（优先 19.0、19.1、19.2）选用对应版本 API。强调先定版本再写代码，避免凭训练数据编造 API。
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
citycraft 是一个落地页生成技能，提供57种城市风格预览与互动选项演示，用非常规布局、GSAP 滚动动画、SVG 元素和 clip-path 分隔线生成视觉大胆的落地页，并附带各类区块模板与纹理、动画资源。
web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。
面向从零建设企业/产品官网或品牌站的技能，覆盖需求澄清、信息架构、UI方向、Vite+Bootstrap技术栈与交付。适用于需要0→1结构化调研、设计与实现指引的场景。
面向 AI 智能体的浏览器自动化 CLI，基于 Rust 编写，通过 CDP 直接驱动 Chrome/Chromium。安装：npm i -g ego-cli && ego-cli install。运行前须先加载技能。
面向前端与 Web UI/UX 视觉工作的技能路由：在写任何界面代码前先加载最小规则集，强制先建立 DESIGN.md 设计系统，再按设计、完美度、UI/UX 数据库与 designpowers 四套规则执行，并做真实浏览器视觉与性能审计。
Dynamous 品牌前端设计技能，用于构建符合 Dynamous 品牌体系的网页组件、页面与应用。提供暗色优先的配色、字体、间距、玻璃卡片、蓝色辉光与动效规范，并附品牌系统与设计系统参考文件。
CometChat Angular UI Kit v4 组件目录技能，教会 Claude 该库导出的全部组件、HTML 选择器、[Input] 绑定、(Output) 事件、ng-template 插槽、请求构建器与样式对象，避免臆造组件名或绑定。需先阅读 cometchat-angular-core。
CometChat Angular 功能目录，教 Claude 在已有 Angular 集成上按四类方式添加功能：默认自带、后端扩展开关、AI 功能（需 OpenAI 密钥）、仅后台配置，另含通话 SDK 安装与 AI 智能体对接。
CometChat UI Kit v4 的 Angular 集成模式技能，讲解如何在 Angular 生命周期中初始化 CometChat、懒加载聊天模块、用路由守卫保护聊天路由、处理 SSR、并与 Angular Material 配合使用；假设已有基础集成。
CometChat 官方 Angular 技能，教 Claude 在 Angular 应用中放置聊天界面的五种模式：路由、侧边栏、模态框、标签页与内嵌，并给出各模式对应的 CometChat 组件组合与布局要点。