将Ian小黑风格插画转化为可控的HTML+SVG+GSAP动效。通过语义化分层重建认知场景，支持口播字幕对齐、手绘漫画风及可编辑矢量动画，适用于文章配图与短视频视觉辅助。
用于在连接的 Brigades 节点（Mac/iOS/Android）上展示 HTML 内容，如游戏、可视化图表和交互式演示。支持通过本地、局域网或 Tailscale 网络访问，具备实时重载功能，提供展示、隐藏、导航及执行 JS 等操作。
指导创建独特、非模板化的前端视觉设计。强调基于主题定调，刻意选择配色与排版，避免通用套路。通过结构化元素和精准动效增强个性，要求根据愿景匹配复杂度，确保设计具有鲜明的观点和高执行度。
通过chrome-devtools MCP执行脚本，计算元素遮挡、裁剪和对齐的确定性数据，弥补截图缺乏深度信息的缺陷。结合几何测量与视觉审查，确保UI布局正确，特别检测z-index和溢出问题。
专用于翻译大型CSV文件的技能，通过分块、翻译、合并流程管理上下文限制，最终导入Android资源文件。支持发现未翻译/硬编码/无用字符串，确保结构完整与UTF-8编码，并提供构建验证及清理步骤。
用于为Web服务或应用定义并文档化性能预算。它设定可衡量的性能约束，涵盖关键用户旅程、Core Web Vitals指标、后端延迟SLO、CI集成及违规响应流程，确保性能达标。
用于从零构建 VS Code 扩展或将现有 Web 应用（JS/React/Vue）转换为扩展。支持命令、Webview、自定义编辑器、树视图及 AI 代理集成，提供模板与转换指南。
将 UIKit 应用现代化以适配多窗口环境。通过替换过时的共享状态 API（如 mainScreen、interfaceOrientation）并迁移至 Scene 生命周期，消除对对称安全区域的假设，支持动态场景大小调整。
用于处理 ComfyUI 节点类、Schema、输入输出及元数据的变更。需遵循兼容性规则，保持节点ID和连接稳定，分离依赖并验证输入。执行脚本校验并在环境中测试工作流以确保正确性。
用于在 Cowart 画布上生成并插入 AI 位图。支持通过选中的占位符替换或独立插入，自动匹配尺寸与比例，兼容新旧形状格式，通过 MCP 工具读写项目状态。
提供React/TypeScript前端开发规范，涵盖注释原则、类型安全（优先unknown）、组件设计及RSC边界处理。指导实现类型安全、状态管理及错误处理，适用于React组件和TS代码编写。
用于在合并前审查前端代码，重点检查无障碍性、UI安全、缺失状态及UX回归。适用于React组件审查、预合并检查或a11y与不安全渲染评估，提供按严重程度排序的具体修复建议。
根据输入提示或自动扫描记忆上下文，生成小型交互式Web原型并部署至Vercel。支持指定类型与名称，通过评分机制筛选高价值信号，确保产出可直接在浏览器使用的静态或全栈应用。
