ux

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

此技能支持对本地或远程运行的网站进行可视化检查，以识别并修复设计问题。在收到类似“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 任务。

构建并利用在线社区，以推动产品增长和品牌忠诚度。当用户希望创建社区策略、发展 Discord 或……时使用。

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

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

通过 Higgsfield 的 product-photoshop 提示词增强功能，在 GPT Image 2 / gpt_image_2 上生成品牌级产品图像。专业品牌/产品视觉的入口。适用场景：“产品照片”、“影棚照”、“生活方式图”、“Pinterest Pin”、“主图/Banner”、“轮播图”、“广告创意”、“Meta 广告”、“虚拟试穿”、“模特展示”、“人物手持产品”、“手部特写”、“悬浮/漂浮/水花飞溅产品”、“CGI/超现实产品”、“风格重绘”、“季节/美学变体”，或任何产品、品牌及付费社交媒体创意。模式：product_shot、lifestyle_scene、closeup_product_with_person、moodboard_pin、hero_banner、social_carousel、ad_creative_pack、virtual_model_tryout、conceptual_product、restyle。后端会组装最终提示词；切勿手动自由编写。不适用于：无产品的文本生成图像（请使用 higgsfield-generate）、品牌化身视频（请使用 higgsfield-generate Marketing Studio）、电商商品列表卡片（请使用 higgsfield-marketplace-cards）、Soul Character 训练（请使用 higgsfield-soul-id）。

训练一个 Soul Character —— 基于人脸的个性化模型，Higgsfield 使用该模型进行身份保真的图像和视频生成。适用场景：“create my Soul”、“train my face”、“make my digital twin”、“build me an avatar”、“learn my appearance”、“create a character of me”、“set up identity for video”、“I want my face in generated images”。调用链：训练 Soul（一次性操作，返回 reference_id） → 在 higgsfield-generate 中通过 `--soul-id <id>` 配合 `text2image_soul_v2` 或 `soul_cinema_studio` 等模型使用。不适用于：单次人脸替换（请使用带 --image 参数的 higgsfield-generate）、具名角色/非写实头像（请使用带 prompt 参数的 higgsfield-generate）。

用于 QA 测试和内部试用（dogfooding）的快速无头浏览器。可导航页面、交互元素、验证状态、对比前后差异、截取带标注的屏幕截图，测试响应式布局、表单、上传、对话框，并捕获 Bug 证据。当被要求打开或测试网站、验证部署、试用用户流程，或提交带截图的 Bug 时使用。(gstack)

通过 Higgsfield 生成电商商品主图卡片：合规主图、商品副图以及 A+ 页面内容模块。当用户要求生成电商上架图片、商品详情卡片、商品副图、产品信息图、场景展示图、A+ 页面内容、电商图片集或可直接销售的产品视觉图时使用此技能。后端维护电商合规参考与提示词模板；此技能仅将用户意图路由至 CLI。不适用于无电商/上架上下文的常规品牌产品摄影（请使用 higgsfield-product-photoshoot）、视频生成或 UGC 广告（请使用 higgsfield-generate），以及 Soul 角色训练（请使用 higgsfield-soul-id）。

当用户希望为营销创建、生成、编辑或优化图像时——博客主图、社交媒体图形、产品模型、个人资料横幅、商品展示图……

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 构建自定义宠物的明确请求。

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

通过 inference.sh CLI 自动化 Twitter/X，实现发帖、互动和用户管理。应用：x/post-tweet、x/post-create（含媒体）、x/post-like，…

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

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

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

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

基于 Manus 风格的文件规划系统，用于组织和跟踪复杂任务的进度。创建 task_plan.md、findings.md 和 progress.md 三个文件。当用户要求规划、拆解或组织多步骤项目、研究任务或需要超过5次工具调用的工作时使用。支持 /clear…

按照官方快速入门指南，将 Clerk 身份验证添加到任何项目