Web Design Patterns

This is for when you're tired of Claude generating the same bland hero sections and card grids that scream "AI made this." Instead of templates, it gives you principle-based patterns that explain why and when to use different approaches for heroes, CTAs, trust signals, testimonials, and card layouts. The smart bit is the load-on-demand structure: you only read the reference file you need for whatever section you're building right now. It won't make you a designer overnight, but it should help you ship sections that look like a human actually thought about the business context instead of filling in a skeleton.

Install to Claude Code

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