Stats
Actions
Tags
From website-audit
Analyzes industry websites for design patterns, layout, typography, and content strategies using first-principles thinking. Use when researching website design, UI patterns, or competitive design analysis.
How this skill is triggered — by the user, by Claude, or both
Slash command
/website-audit:researching-website-designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
**Target**: $ARGUMENTS
Target: $ARGUMENTS
Analyzes industry websites for design patterns through first-principles
thinking. Focus on layout, typography, color, and content presentation.
Pair with auditing-website-accessibility and auditing-website-usability
for implementation.
"How would users naturally expect this information organized if they had never seen a website?"
1. [Company] - [URL] - Authority: [H/M/L]
Cites: [Studies/sources referenced]
Cross-refs: [Shared sources with other sites]
BREAKTHROUGH #N (Impact: N/100)
Pattern: [Specific design element]
Principle: [Why it works for users]
Opportunity: [How to apply]
Sources: [URLs and cited research]
COLORS: Primary #HEX [effect], Accent #HEX [effect]
TYPOGRAPHY: Headers [font/weight], Body [font/size]
HEADLINES: "[Pattern]" - [User psychology]
CTAS: "[Button text]" - [Action driver]
Everyone: [Common practice]
Reality: [What creates better UX]
Evidence: [Sources]
ELIMINATE: [Element hurting UX]
SIMPLIFY: [Over-complex pattern]
ADOPT: [Underused effective pattern]
npx claudepluginhub qte77/claude-code-plugins --plugin website-auditCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.