interactivity-best-practices
Remotion 的交互性最佳实践条目,用于撰写对智能体直观、并可在 Remotion Studio 可视化模式中编辑的动画代码。资料提供的信息有限,未给出具体规则、步骤或示例。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-06 00:14
22,115 个结果
Remotion 的交互性最佳实践条目,用于撰写对智能体直观、并可在 Remotion Studio 可视化模式中编辑的动画代码。资料提供的信息有限,未给出具体规则、步骤或示例。
video-report 是 dexhunter/remotion 仓库中的技能,用于对无法播放的视频生成报告。做法是下载视频 URL,将其作为 src 填入 packages/example/src/NewVideo.tsx,再在 packages/example 下运行 bunx remotion render NewVideo --log=verbose。
4claw 是一个面向 AI 智能体的受审核贴图板(imageboard),由 @dailofrog 创建、经 ClawHub 打包。智能体可在各板块发帖、回复、顶帖,支持匿名发帖、greentext 与容量清理;媒体上传暂因 Vercel Blob 未配置而停用。
用于在 Abaqus 中配置 Tosca 优化的基础技能,涉及设计响应、目标函数、优化约束与 SIMP 惩罚等底层设置,完整拓扑或形状优化流程需转对应子技能。
该技能用于 Abaqus 形状优化,通过移动已有表面几何来降低应力集中,适用于圆角/缺口优化、表面重整形与疲劳寿命改善。
用于分析形态、构图与空间关系的美学技能,覆盖视觉动线、平衡、节奏、层次与比例等维度,可输出构图分析结论,适用于画面、版式与视觉设计评审。
用于设计高性能 AI 智能体的技能,提供 2025 年推荐的多智能体架构模式、工作流与设计清单,帮助区分工作流与智能体、定义身份/能力/工具/约束,并给出 Claude Code 智能体模板与反模式。
用于撰写和优化 AI 文本与图像生成提示词的技能,帮助用户在 Claude、GPT、Gemini 等大语言模型以及 Midjourney、DALL-E、Stable Diffusion 等图像生成器中构造更有效、结构化的提示词。
一个用于创作算法艺术的技能:先用文字写出算法哲学,再用 p5.js 实现带种子随机性和可调参数的交互式生成艺术,输出 .md、.html 与 .js 文件,适合流场、粒子系统等创作。
analyze-video 是一个为视频转录文本补充画面描述的技能:先用 ffmpeg 抽取 JPG 帧并分析,再在转录 JSON 中写入视觉描述,生成“视觉转录”。它不直接读取视频文件,需先有音频转录。
Apple 风格 UI 设计技能:提供玻璃雾化、柔和阴影、流畅动画、留白与排版规范,含颜色系统、组件与动画示例,适合作品集、落地页与产品展示页面设计。
从单张图片生成 10 种艺术化灰度图标的技能,输出为压缩、高对比度、256×256 的 PNG,适合品牌、UI 设计或插画用途。支持 URL 或本地文件输入,包含黑白高对比、海报化和漫画风格。
面向 KKOOKK 前端开发的 Design System 技能,基于 Tailwind CSS v4.0 与 shadcn/ui,规定配色、排版、组件、无障碍与动效规范,用于统一 KKOOKK 界面实现。
面向 iOS 与 Android 的移动优先设计与工程准则技能,覆盖触控交互、性能、平台规范、离线行为与安全。强调移动端不是缩小版桌面,要求先评估可行性再动手设计。
MongoDB 是面向文档的 NoSQL 数据库,以灵活的 JSON 类文档存储数据。资料介绍其模式设计、嵌入式与引用文档、查询与更新操作、索引策略、聚合管道、事务、变更流,以及与 Spring Data 的集成方式。
将 PPTX 或 slides.json 幻灯片转为带旁白与字幕的视频工作流。先用 python-pptx 提取图片或用 Pillow 渲染幻灯片,再经 Chatterbox TTS 生成逐页旁白,可选生成 ASS 字幕,最后用 FFmpeg 合成 MP4。
为技术文章生成高质量主题配图的技能:分析文章主题与情绪,从25种反AI塑料感风格中匹配最佳选项,输出中英双语专业图像提示词;若环境提供MCP生图工具可直接生成图像,否则给出提示词与工具参数建议。
UI Designer 是一个用自然语言生成并实时预览 HTML/CSS/JS UI 设计的技能。它可从提示词生成生产级 React 页面,本地实时服务并反复迭代,支持截图视觉审查与图片转 WebP、项目打包导出。
UI/UX 设计参考数据库,提供 50+ 风格、21 套配色、50 组字体搭配、20 种图表与 8 种技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter 等)的可搜索设计模式与实现指南。
Anime.js 动画技能,用于创建复杂、高性能的网页动画,擅长时间线编排、交错动画以及对 DOM、CSS 和 SVG 的精确控制。
Antigravity UI 与动效设计专家是一个面向技能工作流的 UI/UX 工程技能,用于构建具有空间纵深感、失重悬浮感和玻璃拟态风格的高交互网页界面。该技能的核心设计语言包括三层:以柔和扩散的投影营造悬浮感;通过 Z 轴分层与 CSS perspective 制造空间深度;使用半透明背景、背景模糊和半透明边框实现玻璃拟态;并用 3D CSS 变换将仪表盘和卡片网格倾斜为等轴测视角。动效方面,该技能要求所有悬停、聚焦、激活等状态变化使用不少于 0.3 秒的平滑过渡;借助 GSAP ScrollTrigger 实现随滚动浮入的视差效果;卡片网格以 0.1 秒间隔交错入场。默认技术栈为 React/Next.js、Tailwind CSS 配合自定义 CSS 处理复杂 3D 变换、GSAP 与 ScrollTrigger,以及 React Three Fiber 或 CSS 3D 变换。执行约束包括:编写模块化可复用组件、为偏好减少动效的用户禁用动画、使用 will-change: transform 优化性能,并避免持续动画昂贵的属性。该技能仅适用于任务明确匹配上述范围时,不能替代针对具体环境的验证、测试或专家评审;输入、权限或成功标准缺失时应停下并请求澄清。
Brooks Lint 是一个 Claude Code 技能,以 12 本经典软件工程书籍的原则为视角审查代码,发现 linter 常遗漏的设计坏味、耦合问题与架构风险,适合重构前评审与代码库风险盘点。
该技能通过 Rube MCP(Composio 的 Figma 工具包)自动化 Figma 任务,支持文件与组件查询、设计令牌提取、图片导出、评论与版本管理、团队项目浏览等操作。使用前需在客户端配置 Rube MCP 服务并完成 Figma 授权连接。
Interactive Portfolio 是一个面向作品集(Portfolio)搭建的 AI 技能工作流,来源于 diegosouzapw/awesome-omni-skills,打包自 sickn33/antigravity-awesome-skills 仓库中的 plugins/antigravity-awesome-skills-claude/skills/interactive-portfolio。它定位为“作品集体验设计”角色,帮助开发者、设计师与创意工作者构建不仅能展示作品、更能把访客转化为工作机会或客户的作品集。资料覆盖作品集 UX、项目展示、个人品牌、转化优化、创意编程与记忆点体验,并给出作品集架构、项目陈列、开发者作品集要点、交互层级、常见问题(如只做作品集不推进项目、移动端损坏、缺少转化行动号召、内容过时)等指导。使用时需先确认目标与范围,阅读 metadata.json 与 ORIGIN.md 确认来源,再按需加载 SKILL.md 及相关参考文件,执行后校验并做交接。适合个人网站、作品展示、求职与接单场景;具体安装命令、脚本与平台信息暂未提供。