web-design-guidelines

A Claude Code skill that applies David Ogilvy's advertising principles — including positioning, headlines, promises, and brand voice — to craft persuasive and effective marketing copy.

Expert conversion copywriting skill for writing, rewriting, and improving marketing copy across homepages, landing pages, pricing pages, and product pages, with principles focused on clarity, specificity, and benefit-driven messaging.

Eliminates predictable AI writing patterns from prose, helping produce more natural and human-like text by removing filler phrases, generic openers, and other common AI tells.

A systematic copy editing skill that improves marketing and conversion copy through seven focused passes (the Seven Sweeps Framework), covering clarity, voice, persuasion, readability, structure, grammar, and performance.

A skill providing design engineering principles to make UI interfaces feel polished, covering animations, hover states, shadows, borders, typography, micro-interactions, stagger animations, optical alignment, and enter/exit animations.

Creates distinctive, production-grade frontend interfaces with exceptional design quality, generating creative and polished web components, pages, and layouts that avoid generic AI aesthetics.

A comprehensive React and Next.js performance optimization skill containing 45 rules across 8 priority categories, covering waterfall elimination, bundle size optimization, server-side performance, re-render optimization, and advanced patterns from Vercel Engineering.

Encodes Emil Kowalski's design engineering philosophy on UI polish, component design, animation decisions, and the invisible details that make interfaces feel great, with guidance from animations.dev.

Guides content strategy planning by analyzing business context, customer research, and competitive landscape to create a searchable and shareable content plan that drives traffic, builds authority, and generates leads.

A skill for building Next.js pages that generate iOS App Store screenshots as advertisement-style marketing assets, exported via html-to-image at Apple required resolutions with customizable themes and localization support.