salgadoia-web-design-engineer-pro

awwwards-3d 为 Claude Code 提供四种滚动驱动的 3D 网站模板，以及相机、材质、着色器、后期处理和页面转场的参考实现。用户可以直接生成单文件 HTML，也能搭建 Vite 项目，并通过附带脚本把 Blender 场景导出为压缩 GLB。其 Three.js、GSAP 与 Lenis 版本已锁定，升级前需要自行验证兼容性。

它让 AI agent 根据一张手机 UI 截图、一张风格参考图和必填的功能描述，生成带手机壳、真实素材和交互的单页 HTML demo。流程会分析布局、用 Gemini 生成图片素材并写出可直接打开的 index.html，也支持单张素材重生；运行需要配置 Gemini API key。

它会读取组件代码及仓库中的真实使用方式，为 React、Vue 或 Svelte 创建和更新 Storybook 故事、文档页、控件与交互场景。还可根据 git diff 只维护受影响的故事，生成应用 Provider 装饰器，并审计整个仓库的 Storybook 健康度；其范围专注于 Storybook，不是通用前端设计助手。

Components 让代理根据想要的视觉效果，从 Aceternity、Magic UI、Cult UI、ReactBits 和 21st.dev 等库实时获取 React 与 Tailwind 组件，再换成项目的品牌令牌。它偏向使用当前维护的上游指针，而不是复制过时示例，并会携带上游许可证；没有动态效果时也有普通替代方案。安装组件依赖和运行库命令需要项目允许联网。