out

GSAP 官方 gsap.utils 技能——包含 clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe。当用户询问 gsap.utils 时使用，…

面向 React 的官方 GSAP 技能 —— useGSAP hook、refs、gsap.context() 及清理机制。当用户希望在 React 或 Next.js 中实现动画，或询问有关 GSAP 与……的结合使用时使用。

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

Clerk 认证路由。当用户询问添加认证时使用，

后端架构模式、API 设计、数据库优化，以及针对 Node.js、Express 和 Next.js API 路由的服务端最佳实践。

使用 `LayoutBuilder`、`MediaQuery` 或 `Expanded/Flexible` 来创建适应不同屏幕尺寸的布局。适用于需要让 UI 在……上呈现良好效果的场景。

使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误（溢出、无界约束）。在处理“RenderFlex overflowed”、“Vertical…”时使用。

设计演示文稿视觉效果和幻灯片版式。创建视觉概念，推荐图形，并为极具影响力的 PowerPoint 幻灯片提供设计规范。

HTML PPT Studio —— 创作专业的静态 HTML 演示文稿，支持多种风格、布局和动画，全部由模板驱动。当用户要求……时使用。

着陆页转化率优化，涵盖布局规则、首屏设计与 CTA 心理学。包括首屏公式、社会认同放置、移动端…

为 TikTok、Instagram、YouTube、Facebook、LinkedIn 制作视频广告，严格遵循各平台专属规格。涵盖尺寸、时长限制、AIDA 框架等……

YouTube 缩略图设计，包含特定尺寸、对比度规则和移动端预览优化。涵盖安全区、文字排版、面部表情……

影视与视频分镜设计，涵盖镜头词汇、连贯性规则和画格布局。包含景别、摄像机角度、运动、180度规则以及……

面向生产应用的 Laravel 架构模式、路由/控制器、Eloquent ORM、服务层、队列、事件、缓存和 API 资源。

起草用于融资的陌生开发邮件、引荐简介、跟进邮件、进展更新邮件以及投资人沟通内容。当用户希望向天使投资人、风险投资机构（VC）等进行拓展沟通时使用。

地道的 Kotlin 模式、最佳实践与约定，用于结合协程、空安全等特性构建健壮、高效且可维护的 Kotlin 应用……

面向AI辅助开发的回归测试策略。无数据库依赖的沙盒模式API测试、自动化缺陷检查工作流及模式……

构建生产级 UI。适用于构建或修改面向用户的界面。适用于创建组件、实现布局、管理状态或……

简化代码以提升清晰度。在重构代码以提升清晰度且不改变行为时使用。在代码可运行但难以阅读、维护或扩展时使用……

Nuxt 4 应用模式：涵盖水合安全、性能、路由规则、懒加载，以及使用 useFetch 和 useAsyncData 进行 SSR 安全的数据获取。