for

创建适用于所有设备和屏幕尺寸的响应式网页设计。适用于构建移动优先布局、实现断点或优化……

Node.js 开发原则与决策制定。涵盖框架选择、异步模式、安全性与架构。授人以渔，而非生搬硬套。

组织项目文件和文件夹，以提升可维护性与可扩展性。适用于构建新项目、重构目录结构或建立……

验证动画时长，强制排版比例，检查组件可访问性，并防止 Tailwind CSS 项目中的布局反模式。使用场景……

官方 GSAP 核心技能——gsap.to()、from()、fromTo()、缓动、持续时间、交错、默认值、gsap.matchMedia()（响应式，…

提供全面的 Tailwind CSS 实用优先样式模式，涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……

遵循现代设计模式，构建可复用、易维护的 UI 组件。适用于创建组件库、实现设计系统或构建……

此技能支持对本地或远程运行的网站进行可视化检查，以识别并修复设计问题。在收到类似“review website…”的请求时触发。

通过 Higgsfield AI 生成图像/视频。默认配置：图像/设计/文本使用 GPT Image 2，视频使用 Seedance 2.0，角色/参考图处理使用 Nano Banana 2/Pro，结合虚拟形象/产品/钩子、设置制作广告使用 Marketing Studio，另支持 Soul V2/Cinema/Cast/Location 及 Kling 3.0。适用场景：“生成图像”、“制作视频”、“让照片动起来”、“图生视频”、“编辑/风格化/混剪此图像”、“制作片段”、“创建广告”、“制作 UGC 视频”、“产品演示”、“开箱视频”、“品牌视频”、“主持人视频”、“从 URL 导入产品”、“为广告创建虚拟形象”或“分析视频爆款潜力”。支持图生图、图生视频、参考图、任务/上传 ID 以及 Marketing Studio。与 higgsfield-soul-id 链接使用以保持面部/身份一致性。爆款预测器 (`brain_activity`) 可分析视频爆款潜力：钩子强度、注意力、留存率、干扰风险和创意得分。不适用于：Soul 角色训练（请使用 higgsfield-soul-id）、产品拍摄、商城上架卡片、文本/聊天/TTS 任务。

使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…

GSAP 官方 ScrollTrigger 技能 —— 滚动关联动画、固定、擦洗、触发器。在构建或推荐基于滚动的动画、视差效果……时使用。

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

Anthony Fu 为 JavaScript/TypeScript 项目定制的工具链与规范。适用于初始化新项目、配置 ESLint/Prettier 等场景。

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

用于 GSAP 插件的官方 GSAP 技能 —— 注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVG 以及……

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 与……的结合使用时使用。

适用于 Vue、Svelte 及其他非 React 框架的官方 GSAP 技能 —— 涵盖生命周期、选择器作用域、卸载时清理。当用户想要在……中实现动画时使用。

使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index)，识别…

由 Rolldown 驱动，以极速打包 TypeScript 和 JavaScript 库。适用于构建库、生成类型声明、打包为……