SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
11,258 个结果
CometChat Flutter UIKit v5 定制技能，介绍在属性配置之外进行界面与消息深度定制的方法。资料将定制划分为四个层级：第一层为 Props，直接向组件传入属性开关，如隐藏编辑消息、隐藏表情回应、关闭回执显示；第二层为 Slot Views（插槽视图），通过回调属性替换组件中的特定 UI 区域，例如会话列表的副标题、尾部、头部视图，消息头部的列表项视图，以及消息列表的头部、尾部、加载、空态、错误态视图等；第三层为 Text Formatters（文本格式化器），使用内置格式化器将邮箱、电话号码、URL 变为可点击内容，并支持 @提及及点击回调；第四层为 DataSource Decorator 装饰器模式，是定制程度最深的方式，每个扩展（投票、贴纸、链接预览、消息翻译、图像审核、协作文档、协作白板、缩略图生成等）都以装饰器包装基础数据源，通过 UIKitSettingsBuilder 注册。资料还包含消息模板与长按选项菜单、消息头部选项的自定义方式，并提供定制检查清单。
Compozy 项目中的 React 开发技能指南，提供组件架构、状态管理、TypeScript 集成、useEffect 模式与 Vitest 测试的规范与最佳实践，并附有参考文档与校验清单。
React Doctor 是一个扫描 React 代码库的工具，检查安全、性能、正确性与架构问题，并输出 0–100 健康分。可在提交前用 --diff 检查分数是否回退，或用全量扫描做清理与改进。
Tailwind CSS v4 开发指南技能，提供该项目的样式编写规范、模式与最佳实践，涵盖设计令牌、tailwind-variants 组件样式、移动优先响应式布局及常见反模式。
TanStack Router 最佳实践技能，为 React 应用提供类型安全路由、数据加载、搜索参数与导航的规则指南，涵盖类型安全、路由组织、数据加载、搜索参数、错误处理、导航、代码分割、预加载与路由上下文等类别。
TanStack Start 全栈 React 应用最佳实践技能，涵盖服务端函数、中间件、SSR、认证与部署等规则，按优先级分类，用于指导数据变更、会话安全、渲染与生产部署等实现。
CopilotKit v2 的端到端快速上手示例：创建项目、挂载运行时、挂载 Provider、渲染聊天并接入第一个工具，以 React Router v7 框架模式为标准示例，同时给出 TanStack Start、Next.js、Cloudflare Workers 与无后端 SPA 分支。
Frontend Architect 是面向前端技术选型与部署架构的专家技能，帮助选择框架、规划 Cloudflare 部署、连接设计系统与组件实现，并诊断常见架构失败模式。
将视频文件转换为滚动驱动动画网站的技能：滚动时在 canvas 上逐帧播放视频，文字分区从不同方向入场，类似 Apple 产品页效果。输出原生 HTML/CSS/JS，无需构建工具。
管理组件、接口与设计令牌的弃用生命周期，提供带版本的通知、替代方案指引、迁移文档与移除跟踪。
Better Footers 是一套用于设计网站页脚的技能，指导开发者按页面用途选择编辑式、版权页、法律条带、转化 CTA、密集站点地图等页脚类型，并遵循语义化、可访问性、真实链接与移动端适配规则，避免模板化四栏页脚。
面向 React Native/Expo 的前台实时定位技能：用 watchPositionAsync 持续获取位置，配合精度过滤、节流、地图跟随与后端广播，适用于应用处于前台或活跃状态时的位置流场景。
基于 TUS 协议的可续传上传方案，后端用 Go 的 tusd 与 Gin 挂载处理，前端在 Next.js 客户端用 tus-js-client 直传，适合视频或大文件上传与断点续传。
该技能是一套面向网页动效与动画的固定技术栈方案，组合 Lenis（平滑滚动）、GSAP 和 ScrollTrigger 三个引擎，用于实现平滑滚动、元素入场揭示、视差效果和微交互。资料给出了明确的动效规则，包括入场/出场动画的最短时长、缓动家族与默认值、编辑式序列的错落间隔、优先动画化的属性（transform、opacity、clip-path）、对 prefers-reduced-motion 的尊重，以及组件卸载时的清理要求。它还说明了三者的心智分工：Lenis 控制滚动体感，GSAP 控制时间线与属性，ScrollTrigger 将时间线绑定到滚动位置，并需将 Lenis 与 GSAP 的 ticker 同步、调用 ScrollTrigger.update。工作流为：先明确动效角色（吸引注意、揭示内容、营造氛围），再划分入场、保持、出场节拍，然后实现，最后测试减少动效模式与移动端。限制方面：明确要求不混用 Framer Motion、reveal 类库或以 CSS 平滑滚动作为主引擎，应保留项目既有技术栈、只安装缺失依赖。适用场景为需要高质量滚动叙事、视差与微交互的网页前端项目。
一个通过 Chrome 浏览器自动化从生产网站提取并重建 React 组件的技能，借助专用子代理完成抽取，返回重建后的 React/TypeScript 代码。
为网页区块添加 Shaders WebGPU 鼠标光标拖尾效果：由 ChromaFlow 驱动的白色闪烁半调拖尾，经 DotGrid 遮罩。以渐进增强方式实现，保留原有语义内容与静态首帧，并按框架子路径导入 shaders 包。
为单个页面区块添加克制的粒子氛围层，支持形状、密度、重力、风、摆动、旋转、回收或沉降及指针扰动等配置，并强调内容优先、不可见时停止渲染。
用于对照项目提供的参考素材，审计网站或数字体验的原创性与抄袭风险。它强调以证据为准，逐项比对文本、品牌、数字、图像、资产、视频、结构与动效及历史记录，输出风险等级与修复建议，而非直接判定法律抄袭。
基于 border-beam 包的 React 状态视觉技能，用动画边缘光效表现加载、处理中、选中、当前、聚焦与按下等状态。提供尺寸预设、配色变体、主题与强度等参数，并强调状态语义、无障碍与减少动效处理。
一套用于艺术指导并实现具有鲜明视觉与动效的营销、编辑、作品集和落地页网站的技能，以“Awwwards 品质”作为验收标准而非获奖声明，强调原创素材、GSAP 动效系统与有目的的 Three.js 使用。
基于 GSAP、ScrollTrigger 与 Lenis 构建电影级网页动效系统的技能，适用于奢华编辑风格网站、创意工作室作品集等需要整体动效语言的场景，涵盖平滑滚动、滚动揭示、固定场景、视差、悬停与自定义光标等效果。
用于制作电影感滚动叙事落地页的技能，结合 Lenis 平滑滚动与 GSAP ScrollTrigger，实现滚动关联进度、错落文字揭示、吸顶卡片堆叠、视差与预加载动画，适合作品集、工作室、产品或品牌页面的章节式呈现。
cobe 是一个轻量级 WebGL 地球库，用于在网页中创建可交互的旋转地球与位置标记，适合首页或关于页面的装饰性展示。支持通过 canvas 与少量配置快速集成，可与 React/Next.js 等前端框架配合使用。
Container Lines 是一套为网页布局添加竖向容器参考线的样式方案，用细线与角落小方块标出内容容器边界，帮助页面形成精确、结构化的视觉秩序。适合 hero、区块或产品页需要收紧结构张力、呈现克制技术感时使用。