time

Lark/Feishu 实时事件监听/订阅/消费：通过 `lark-cli event consume <EventKey>` 以 NDJSON 格式流式传输事件（涵盖接收 IM 消息，…

在执行任何涉及 Supabase 的任务时使用。触发条件：Supabase 产品（Database、Auth、Edge Functions、Realtime、Storage、Vectors、Cron、Queues）；客户端…

HyperFrames 的 GSAP 动画参考。涵盖 gsap.to()、from()、fromTo()、缓动、交错、默认值、时间轴（gsap.timeline()、位置参数，…

适用于 HyperFrames 合成的 Tailwind CSS v4.2 浏览器运行时模式。在搭建或编辑由 `hyperframes init --tailwind` 创建的项目时使用，…

Vue 3 调试与错误处理：涵盖运行时错误、警告、异步失败及 SSR/水合问题。在诊断或修复 Vue 问题时使用。

优化 Web 性能，实现更快的加载速度和更好的用户体验。当被要求“加速网站”、“优化性能”、“减少加载时间”、“修复…”时使用。

优化应用性能，提升速度、效率和可扩展性。适用于改善页面加载时间、减小打包体积、优化数据库查询等场景……

用于时间线的官方 GSAP 技能 —— gsap.timeline()、位置参数、嵌套、播放控制。适用于编排动画序列、设计关键帧，或当……

在编写使用 InsForge 或 @insforge/sdk 的应用代码时使用此技能：数据库 CRUD、身份验证、存储上传/存储 RLS、函数、AI、实时、电子邮件、Stripe 结账、订阅、客户门户流程，或将兼容 S3 的工具（aws CLI、AWS SDKs、rclone、Terraform、boto3）指向 InsForge Storage。在遇到添加身份验证、获取数据、上传文件、将存储桶设为公开、添加结账、售卖订阅或发送电子邮件等请求时触发。对于基础设施、SQL 迁移、CLI 命令或 Stripe 密钥/目录设置，请改用 insforge-cli。

用于实时事件和数据同步的 Clerk Webhooks。使用 verifyWebhook 进行验证。

适用于 TypeScript 的类型安全 SQL ORM，零运行时开销

创建专业、深色主题的任意类型 SVG 图表——架构图、流程图、时序图、结构图、思维导图、时间轴等……

查看、理解并处理视频与音频。查看：从本地文件、URL、RTSP/实时流或实时录制的桌面中导入；返回实时上下文与可播放的…

优化应用性能。适用于存在性能要求、怀疑出现性能退化，或需要关注 Core Web Vitals 及加载时间等场景……

使用 get_runtime_errors 和 lsp 获取活动堆栈跟踪，定位失败代码行，应用修复，并通过 hot_reload 验证解决结果。

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。