Web Design Methodology

This is a solid foundation for building HTML/CSS prototypes with consistent patterns rather than reinventing structure every time. You get semantic CSS custom properties, BEM naming conventions, mobile-first responsive layouts, and accessible markup out of the box. It also includes optional three-state dark mode if you need it. The methodology focus means this handles how you structure your code, while the separate web-design-patterns skill covers actual component designs. Worth grabbing if you're tired of inconsistent CSS architectures across projects or want Claude to follow production-ready conventions from the start.

Install to Claude Code

npx -y skills add jezweb/claude-skills --skill web-design-methodology --agent claude-code