one

关于集成和构建 shadcn/ui 组件应用的专业指南，涵盖组件探索、安装、自定义及最佳……

捕获网站并从中创建 HyperFrames 视频。适用场景：(1) 用户提供 URL 并希望生成视频；(2) 用户要求“捕获这个网站”、“将其转换为视频”或“用我的网站制作宣传片”；(3) 用户需要基于现有网站制作社交广告、产品导览或任何视频；(4) 用户分享链接并要求生成任何类型的视频内容。即使用户只是粘贴了一个 URL，也应使用此技能。

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

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS view…）实现流畅、原生体验动画的指南

Next.js 16 缓存组件 - PPR、use cache 指令、cacheLife、cacheTag、updateTag

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

支持多种艺术风格和语气的知识漫画创作者。可创作原创教育漫画，包含详细的分镜布局和连续图像……

使用 Expo DOM 组件在原生平台的 webview 中运行 Web 代码，并在 Web 端按原样运行。渐进式将 Web 代码迁移至原生平台。

提供完整的 shadcn/ui 组件库模式，包括无障碍 React 组件的安装、配置与实现。适用于……

掌握 Next.js 14+ App Router，涵盖 Server Components、流式渲染、并行路由和高级数据获取。适用于构建 Next.js 应用，……

设计让界面感觉精致的工程原则。适用于构建 UI 组件、审查前端代码、实现动画、悬停效果……

Vue Router 4 模式、导航守卫、路由参数以及路由与组件的生命周期交互。

精英级前端图像方向技能，用于生成高质量、注重转化率的网站设计参考。关键输出规则 — 生成一个独立的…

开箱即用的 Seedance 2.0 API 技能 —— 只需一个 API 密钥即可生成 AI 视频。支持构建故事板、使用 Seedream 4.5 生成参考图像、提交视频……

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

用于 Vue.js 测试。涵盖 Vitest、Vue Test Utils、组件测试、Mock、测试模式，以及用于 E2E 测试的 Playwright。

使用 @nuxt/ui v4 构建 UI — 125+ 个具备无障碍访问特性的 Vue 组件，支持 Tailwind CSS 主题。适用于创建界面、自定义主题以契合品牌风格，…

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

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

训练一个 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）。