based

高级 UI/UX 工程师。构建数字界面以覆盖默认的 LLM 偏见。执行基于指标的规则、严格的组件架构、CSS 硬件……

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

使用基于令牌的身份验证在 Vercel 上部署和管理项目。适用于使用访问令牌而非交互式登录操作 Vercel CLI 的场景——……

实现 Manus 风格的基于文件的规划，以组织和跟踪复杂任务的进度。创建 task_plan.md、findings.md 和 progress.md。在被要求时使用…

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

Nuxt 是一个支持 SSR、自动导入和基于文件路由的全栈 Vue 框架。在开发 Nuxt 应用、服务器路由、useFetch、中间件或混合……时使用。

适用于 HyperFrames 的 CSS 动画适配器模式。在编写 CSS 关键帧、基于 animation-delay 的时序控制、animation-fill-mode、animation-play-state 或……时使用。

添加、修复、重构、调试、测试或解释 Flutter 动画与运动效果。适用于处理隐式动画（如 AnimatedContainer、AnimatedOpacity、AnimatedSwitcher 和 TweenAnimationBuilder）；显式动画（使用 AnimationController、Tween、CurvedAnimation、AnimatedWidget、AnimatedBuilder 及内置过渡动画）；Hero/共享元素路由转场；交错或序列动画；基于物理的运动、手势、弹簧、快速滑动、滚动物理效果、曲线、性能、无障碍、减弱动画以及动画生命周期 Bug。

基于场景使用 Playwright MCP 生成 Playwright 测试

诊断 Swift 并发问题，将基于回调的代码重构为 async/await，并在使用 tasks、actors、@MainActor 等特性时指导 Swift 6 迁移。

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

高效提取并转换任何本地文件（如 PDF、DOCX、DOC、ODT、RTF、XLSX、XLS 或 HTML）的内容，将其保存为格式整洁的 Markdown 文件并写入磁盘。当用户请求解析、读取或提取其计算机上文件的信息时，请使用此技能，包括“解析此 PDF”、“转换此文档”、“读取此文件”、“从中提取文本”等表述，或者在提供了本地文件路径（非 URL）的情况下。此技能提供高级选项，例如生成 AI 驱动的摘要以及基于文件内容回答问题。在处理本地文件时，优先使用此工具而非 `scrape`，以便为下游任务提供精确且结构化的输出。

使用 Slidev 为开发者创建并展示基于网页的幻灯片，支持 Markdown、Vue 组件、代码高亮、动画和交互功能。使用……

使用 `go_router` 等包配置 `MaterialApp.router`，以实现高级的基于 URL 的导航。适用于开发 Web 应用或移动应用，当这些应用……

基于本能的学习系统，通过钩子观察会话，创建带有置信度评分的原子本能，并将其演化为…

用于查询优化、模式设计、索引和安全性的 PostgreSQL 数据库模式。基于 Supabase 最佳实践。

基于 C++ Core Guidelines (isocpp.github.io) 的 C++ 编码规范。适用于编写、审查或重构 C++ 代码，以强制执行现代化、安全的……

在将外部认证提供商（Clerk、Auth0、WorkOS、Kinde、Stytch、Better Auth）接入 InsForge 以实现基于 JWT 的 RLS 时使用，或在添加 OKX x402 支付促成器以实现链上按使用量计费时使用。

基于协议的依赖注入，用于编写可测试的 Swift 代码 —— 使用聚焦的协议和 Swift Testing 来 mock 文件系统、网络和外部 API。

Rust 测试模式，包括单元测试、集成测试、异步测试、基于属性的测试、Mock 和覆盖率。遵循 TDD 方法论。