productivity▌

Apply when using or reviewing code that uses GSAP plugins: registering plugins, scroll-to, flip/FLIP animations, draggable elements, SVG (DrawSVG, MorphSVG, MotionPath), text (SplitText, ScrambleText), physics, easing plugins (CustomEase, EasePack, CustomWiggle, CustomBounce), or GSDevTools. ScrollTrigger has its own skill (gsap-scrolltrigger).

Apply when building multi-step animations, coordinating several tweens in sequence or parallel, or when the user asks about timelines, sequencing, or keyframe-style animation in GSAP.

Apply when writing or reviewing code that uses gsap.utils for math, array/collection handling, unit parsing, or value mapping in animations (e.g. mapping scroll to a value, randomizing, snapping to a grid, or normalizing inputs).

Smooth, GPU-accelerated animations for JARVIS HUD panels, transitions, and data visualizations. \n \n Covers panel entrance/exit, status indicators, data visualization, and scroll-triggered effects with TDD-first implementation workflow \n Enforces performance best practices: GPU-accelerated transforms only, will-change property management, and strict animation cleanup on unmount \n Includes accessibility support for reduced motion preferences and memory leak prevention through proper timeline a

Angular Material and CDK rules for component usage, theming, and testing. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Lightweight Git-backed CMS for static sites with 270+ fixes over Decap CMS. \n \n Framework-agnostic setup for Hugo, Jekyll, 11ty, Astro, and Next.js; drop-in replacement for Decap CMS requiring only a single script tag change \n Cloudflare Workers OAuth authentication (free tier, fastest option) or Vercel serverless functions; prevents 10 common errors including YAML parse failures, datetime timezone issues, and CORS/COOP blocking \n Supports YAML, TOML, JSON, and Markdown formats with field-le

Integrate REST APIs into GraphQL supergraphs using @source and @connect directives. \n \n Provides a structured 5-step process: research API structure, implement schema with directives, validate via rover supergraph compose , execute connectors, and test coverage \n Supports request configuration including headers, body payloads, batching for N+1 patterns, and environment variable injection via $env \n Handles response mapping with field selection, aliasing, sub-selections for nested data, and e

你是一个内容编辑，专门将通用文章转换为适合微信公众号平台的格式和风格。

Complete reference for converting OpenGL/DirectX code to Metal.

You are an expert debugger specializing in root cause analysis.