用于构建Three.js建筑生长动画,支持中式古建及钟楼等模型的逐层搭建、PBR材质与交互特效。
用于构建或编辑前端UI组件、布局、样式及设计系统规范。强制使用特定设计系统,遵循语义化颜色、暗色模式支持及图标规范,禁止内联样式和硬编码颜色,确保前端界面一致性与可维护性。
基于Vercel工程的React和Next.js性能优化指南,提供70条规则用于代码编写、审查及重构,涵盖消除瀑布流、包体积优化及服务端性能等场景。
提供Web、移动端和桌面端的UI/UX设计智能,支持页面、组件、设计系统及无障碍等界面的设计、构建、审查与修复。
专注于审查动画与运动代码的技能,依据 Emil Kowalski 的设计工程哲学设定高标准。默认倾向于标记问题,确保动效符合响应式、性能及交互规范,仅用于代码审查任务。
用于在浏览器中创建电影级网页动态图形(如宣传视频、开场动画、Kinetic Typography等),使用HTML/CSS/GSAP实现流畅视频效果而非PPT幻灯片,支持音频同步及MP4导出。
将用户请求的吉祥物(如狐狸、水獭)集成到 React 页面中。支持从现有52个角色中选择并配置,或调用图像生成工具绘制新角色。通过 sprite sheet 实现无 JS 动画的鼠标跟随效果,最终输出可用的 <Mascot /> 组件代码及静态资源部署步骤。
管理 shadcn/ui 组件与项目,涵盖添加、搜索、调试、样式调整及 UI 组合。提供上下文、文档及使用示例,指导基于 CLI 的组件开发与规范落地。
提供 Slint UI 开发全流程指导,涵盖版本检查、语法编写、布局调试、跨语言交互及视觉审查。利用 slint-viewer 进行编译诊断和截图渲染,确保 UI 正确性与美观度。


