Skip to main content
Back to registry

web-design-patterns

jezweb/claude-skills

Principle-based patterns for designing website sections that feel human-designed, not AI-generated. Each pattern teaches WHY and WHEN, not just templates to copy.

Installs461
Install command
npx skills add https://github.com/jezweb/claude-skills --skill web-design-patterns
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Principle-based patterns for designing website sections that feel human-designed, not AI-generated. Each pattern teaches WHY and WHEN, not just templates to copy. Well-designed website sections: heroes, card layouts, CTAs, trust signals, and testimonials that match the business context and avoid the "AI skeleton" look. Load on demand — don't read all five for every project. Read the one(s) relevant to the current section. These apply to ALL patterns. Internalise these before reading any reference file. The "AI skeleton" that signals template-generated design: Non-negotiable across all patterns: On lead-gen sites (no real business data), NEVER fabricate: Safe alternatives for lead-gen: The same section type looks completely different for different businesses: Image-dominant (strong photography available): Typography-dominant (no strong imagery): Split/balanced (strong copy + strong imagery): Match CTA urgency to business context: Golden rule : Make your case first, then ask for action.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does web-design-patterns do?

Principle-based patterns for designing website sections that feel human-designed, not AI-generated. Each pattern teaches WHY and WHEN, not just templates to copy.

Is web-design-patterns good?

web-design-patterns does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does web-design-patterns work with?

web-design-patterns currently lists compatibility with codex, gemini-cli, opencode, cursor, kimi-cli, github-copilot.

What are alternatives to web-design-patterns?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install web-design-patterns?

npx skills add https://github.com/jezweb/claude-skills --skill web-design-patterns

Related skills

More from jezweb/claude-skills

Related skills

Alternatives in Software Engineering