layout-discipline

Project overview

awwwards-3d gives Claude Code four starting templates for scroll-driven WebGL sites, backed by references for cameras, materials, shaders, post-processing, transitions, and Blender workflows. It can scaffold either a single-file HTML deliverable or a Vite project, and includes a script for exporting compressed GLB assets. The bundled Three.js, GSAP, and Lenis versions are intentionally pinned, so upgrades require compatibility testing.

Project overview

Web Design Engineer Pro guides non-technical users from a business description to a finished site or landing page. It generates several standalone browser previews, lets the user choose a direction, then collects a short brief, sets up a Next.js project, builds the sections and motion, and runs build, accessibility, SEO, and performance checks. It requires Node.js 20.9 or newer and can also extract content from an existing site for redesign work.

Project overview

Feed the agent a mobile UI screenshot, a style reference, and a required description of the screen's behavior. It analyzes the layout, uses Gemini to generate image assets, and writes a browser-openable single-page HTML demo with a phone shell and real interactions. Individual assets can be regenerated, and the workflow requires a Gemini API key.