基于Vercel工程的React和Next.js性能优化指南,提供70条规则指导代码编写、审查与重构,涵盖消除瀑布流、包体积优化及服务端性能等核心场景。
提供Web、移动端及桌面端UI/UX设计智能,涵盖界面构建、审查、修复及设计系统。支持样式、配色、字体、无障碍、响应式布局等本地数据检索与最佳实践指导。
基于Emil Kowalski设计工程哲学,对前端动画和运动代码进行严格审查。默认标记问题,确保符合高工艺标准、性能及无障碍要求。
用于在浏览器中构建电影级动态图形,如宣传视频、开场动画等。使用HTML/CSS/GSAP实现流畅视频效果而非PPT式幻灯片,支持文本动效及Web转MP4导出。
管理 shadcn/ui 组件与项目,支持添加、搜索、修复、调试及样式编排。提供项目上下文、组件文档及使用示例,适用于含 components.json 的项目或涉及 shadcn CLI 的场景。
用于在 Regen Icons 仓库中创建或优化图标,支持通过 JSON 绘图语言和 SVG 编译器进行几何编辑、添加新图标及完善生成工作流。
用于录制浏览器或Web UI交互演示并生成优化GIF,支持附加至PR。强制要求对涉及GUI变更的PR使用真实服务器和模型流程录制,确保演示真实性与可追溯性。
基于 @tanstack/markdown/react 在 React 中渲染 Markdown,支持组件替换、AST 复用及服务端静态渲染。
将任意主题转化为Remotion代码绘制的MG科普视频,支持中英双语。涵盖调研、文案、分镜、动画编码及QC流程,强调原创视觉与事实核查。
根据提供的图像创建交互式全息卡片,支持分层处理、视差和轮廓发光。包含本地原生工作流(无需API)和独立API模式,用于生成角色、背景、UI及结构层。
解决 Web 应用在移动端体验不佳的问题,修复视口、触摸反馈、滚动交互及安全区域等原生感细节。
用于Three.js浏览器游戏的QA验证与发布流程,涵盖手动测试、自动化机器人试玩、多端响应式检查、构建审查及风险报告。
在 S4 验证阶段对渲染 UI 进行验收,确保其可见、可驱动且性能达标。适用于 Web/游戏等视觉交付物,结合人工观察与自动化审计生成通过或阻断判定。


