指导 Agent 使用 GPT Image 2 CLI 进行图像生成、编辑及修图。通过参考画廊匹配提示词，执行预检后调用工具，避免重新实现代码或硬编码密钥。
将文章或口播稿转化为16:9可交互网页演示并可选合成音频。涵盖内容编写、Vite+React开发及TTS集成，强调方法论与协作流程，支持多平台录屏需求。
提供 Open-Slide 页面编写的技术规范，涵盖文件结构、React 代码约束及设计系统引用。用于指导编辑幻灯片布局、样式、动画及演讲备注，确保符合框架标准。
提供前端UI动画性能优化指南，涵盖渲染原理、优先级规则及最佳实践，用于审查代码、修复卡顿并提升动画流畅度。
提供Portal React前端页面更新与设计指南，规范组件使用、链接渲染规则及国际化模式，避免常见陷阱。
使用 Playwright 测试本地 Web 应用，支持静态 HTML 和动态应用。提供 with_server.py 辅助脚本管理服务器生命周期，指导通过网络空闲等待、DOM 检查和截图进行侦察后操作，确保前端功能验证和 UI 行为调试。
提供浏览器自动化CLI工具，支持导航、表单填写、点击、截图及数据提取。适用于网页交互、Web应用测试和自动化的场景，通过快照获取元素引用进行精准操作。
教授Vue应用中的状态管理方案，涵盖Props、自定义事件、reactive()及Pinia库的使用。适用于需要在兄弟或深层嵌套组件间共享和同步响应式数据，以及管理全局应用状态的场景。
指导将测试代码中的 TypeScript as 断言迁移至 @total-typescript/shoehorn 库，通过 fromPartial/fromAny 等函数实现类型安全的测试数据构造。
用于在应用中新建并注册颜色主题，支持深色/浅色模式及调色板配置。通过修改状态存储与CSS变量实现主题切换、持久化及界面覆盖，无需改动组件逻辑。
针对Next.js App Router前端，诊断并优化LCP、INP和CLS等核心网页指标。通过数据分析和代码调整提升页面加载速度、响应性和布局稳定性。
用于生成高质量前端落地页、作品集及重设计的技能，强调阅读需求简报以推断设计方向，避免模板化输出。
用于安装和配置 egaki CLI，生成 AI 图像与视频，以及创建基于 MDX 的动画视频项目。支持动画、字幕、TTS 等功能，提供认证、模型选择及自动化工作流指南。
