react

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

Pinia 官方 Vue 状态管理库，类型安全且可扩展。用于定义 store、处理 state/getters/actions，或实现 store…

当用户想要“创建技能”、“向插件添加技能”、“编写新技能”、“改进技能描述”、“整理技能……”时，应使用此技能。

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

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

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

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

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

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

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

用于时间线的官方 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 时使用，…

用于构建终端用户界面的综合 OpenTUI 技能。涵盖核心命令式 API、React 协调器和 Solid 协调器。适用于任何 TUI…

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

RunComfy 上的 Codex 宠物生成器。从单张参考图像构建兼容 Codex 的 Codex 宠物 spritesheet.webp + pet.json，将其放入 `${CODEX_HOME:-$HOME/.codex}/pets/<name>/` 目录，Codex 会将其作为自定义 Codex 宠物与 8 个内置宠物一同加载。此技能可生成 Codex 所期望的精确 Codex 宠物图集（1536x1872 PNG/WebP，8 列 x 9 行，192x208 像素单元格，9 种动画状态 — idle、running-right、running-left、waving、jumping、failed、waiting、running、review）。通过本地 RunComfy CLI 调用一次 OpenAI GPT Image 2 edit（命令为 `runcomfy run openai/gpt-image-2/edit`）以生成标准 Codex 宠物姿势，随后使用 ImageMagick 微变换程序化组装全部 9 行动画 —— 无需 Codex Pro、无需 `$imagegen`、无需 OPENAI_API_KEY，仅需 RUNCOMFY_TOKEN。触发词为 "codex pet"、"create codex pet"、"make codex pet"、"hatch codex pet"、"/hatch image"、"desktop pet codex"、"codex pets"、"spritesheet.webp"，或任何为 OpenAI Codex 构建自定义宠物的明确请求。

当用户希望使用 AI 工具或编程框架创建、生成或制作视频内容时使用。当用户提到“video…”时也可使用。

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

精通使用 Redux Toolkit、Zustand、Jotai 和 React Query 进行现代 React 状态管理。适用于配置全局状态、管理服务器状态或选择……

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