composition

可扩展的 React 组合模式。在重构以下组件时使用：

在 Claude Code 中使用 GPT Image 2 (ChatGPT Images 2.0) 生成图像，利用现有的 ChatGPT Plus 或 Pro 订阅——无需单独的 OpenAI 访问权限，无按图计费。支持通过本地 Codex CLI 进行文生图、图像编辑、风格迁移和多参考图组合。当触发“gpt image 2”、“gpt-image-2”、“ChatGPT Images 2.0”、“image 2”，或任何明确要求通过用户的 ChatGPT 套餐生成或编辑图像的请求时激活。

在 RunComfy 上编辑图像——此技能是一个智能路由器，可将用户意图匹配至 RunComfy 目录中最合适的编辑模型。支持选择 Nano Banana Edit（批量处理最多 20 张，默认保持身份特征）、OpenAI GPT Image 2 Edit（多语言图像内文本重写、多参考组合、精准布局）、Flux Kontext Pro（单参考高保真局部编辑）或 Z-Image Turbo Inpaint（基于遮罩的精准区域编辑）。内置各模型官方文档的提示词模式，使该技能能获得更精准的编辑效果，避免在错误的模型上浪费迭代次数。通过本地 RunComfy CLI 调用 `runcomfy run <vendor>/<model>/edit`。触发词包括“image edit”、“edit image”、“image-to-image”、“i2i”、“swap background”、“remove object”、“rewrite headline”，或任何明确要求编辑单张或批量图像的指令。

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉效果和场景过渡。适用于……

安装 registry 块和组件并将其接入 HyperFrames 组合。在运行 hyperframes add、安装块或组件、接入……时使用。

Vue 3 组合式 API、script setup 宏、响应式系统和内置组件。在编写 Vue SFC、使用 defineProps/defineEmits/defineModel 时使用，…

必须用于 Vue.js 任务。强烈推荐将 Composition API 结合 `<script setup>` 和 TypeScript 作为标准方案。涵盖 Vue 3、SSR、Volar……

在编写、审查或重构 iOS 或 macOS 的 SwiftUI 代码时使用，包括状态管理、视图组合、性能优化、Liquid Glass 采用，或……

将现有的 Remotion（基于 React）视频组合转换为 HyperFrames HTML 组合。仅在用户明确要求移植、转换…时使用。

必须用于 Vue.js 任务。强烈推荐将 Composition API、`<script setup>` 和 TypeScript 作为标准开发方式。涵盖 Vue 3、SSR、Volar……

适用于 HyperFrames 的 Anime.js 适配器模式。在 HyperFrames 合成中编写 Anime.js 动画或时间轴，以及在…上注册动画时使用。

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

Python 设计模式，包括 KISS、关注点分离、单一职责以及组合优于继承。在设计新的……时，请使用此技能。

HyperFrames 合成的资产预处理——文本转语音旁白（Kokoro）、音视频转录（Whisper）以及背景移除，用于……

使用评估优先执行、任务分解和成本感知模型路由，作为智能体工程师进行操作。

SwiftUI 架构模式、使用 @Observable 的状态管理、视图组合、导航、性能优化以及现代 iOS/macOS UI 最佳…

生产级 Dart 与 Flutter 模式，涵盖空安全、不可变状态、异步组合、Widget 架构、主流状态管理框架……