salgadoia-web-design-engineer-pro

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.

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.

Use this Codex skill to inspect component APIs and real repository usage, then create or update Storybook stories, documentation pages, controls, and interaction scenarios for React, Vue, or Svelte. It can limit maintenance to components affected by a git diff, scaffold preview decorators from app providers, and audit Storybook coverage across a repository. The project is deliberately focused on Storybook work rather than general frontend design.

Components lets an agent describe an effect such as a scroll-driven laptop, tilt card, or globe, fetch the matching React and Tailwind component from a live library registry, and adapt it to the project’s design tokens. It keeps pointers to maintained upstream code so updates and licenses travel with the source, and includes plain fallbacks plus guidance for responsive and reduced-motion behavior. The workflow needs a project that can install the selected dependencies and access the source registry.