design-to-frontend-skill

项目简介

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

项目简介

面向非技术用户，它会根据业务描述生成多个可在浏览器中并排预览的设计方向，让用户点击选定后再继续收集简短需求、搭建 Next.js 网站、加入动画与 SEO，并执行构建、可访问性和性能检查。运行需要 Node.js 20.9 以上，旧站改版还可通过分级抓取提取现有内容。

项目简介

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