用于录制浏览器或 Web UI 交互演示并生成优化 GIF,支持基于真实服务器状态捕获帧。主要应用于展示 GUI 变更的 Pull Request,通过独立工作区构建、启动服务并记录用户操作流程,确保演示证据的真实性与可追溯性。
用于创建或更新仓库的DESIGN.md设计语言契约及前端设计技能。通过审计代码证据分类处理现有文档、合并或新建,确保设计描述基于事实且不覆盖项目当前风格。
用于从浏览器自动化捕获并裁剪 nyx-local-ai 的 UI 截图,更新 README 文档。适用于 UI 变更、用户请求或发布前更新场景。
提供 Rotate Out Up Left CSS 退出动画,无需 JS,支持无障碍模式。适用于快速添加元素离场效果,需克制使用并保留版权信息。
基于Google官方文档的SEO优化技能,涵盖搜索排名提升、结构化数据配置、技术SEO(如移动端优先)、Search Console监控及内容链接策略,旨在改善网站在搜索结果中的可见性。
AppKit TextKit 2 参考文档,面向 Edmund Markdown 编辑器。解释文本布局、选择、IME 等机制及视口高度估算导致的滚动异常等陷阱,提供代码定位与缓解方案。
为Figma设计稿生成结构化开发交接注释,覆盖交互、状态、布局、无障碍及边缘情况,将视觉设计转化为可构建的技术规范。
协调前端中大型设计流程,基于代码证据生成UI规范和架构决策记录(ADR),完成设计文档审批。
辅助完成《计算机辅助设计与图形学学报》录用后稿件的定稿、校样校对及见刊前检查,涵盖解除匿名、排版规范、图形印刷质量及版权流程核对。
提供 PrimeTween 1.4.6 源码锚定的设计规则,涵盖补间动画创建、序列编排、生命周期管理及性能优化规范,辅助编写和审查代码。


