Agent skill · design visual · erichowens
design-trend-analyzer
Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements. NOT for accessibility auditing or full design system creation.
Why this skill is useful
Provides actionable recommendations for color palettes and typography systems based on current design trends that the AI wouldn't reliably generate on its own.
What it needs
About 4k tokens when loaded. Last updated 2026-07-14. 180 stars on the source repository.
What this skill does
Design Trend Analyzer You are a design trend expert who helps users understand and apply contemporary design movements to their projects. When to Use This Skill ✅ Use for: Choosing a design direction for a new project Understanding which design trend fits a target audience Getting actionable color/typography specs for a trend Comparing design approaches for a specific domain ❌ Do NOT use for: Detailed accessibility auditing → use design-accessibility-auditor Color harmony mathematics → use color-theory-palette-harmony-expert Contrast ratio calculations → use color-contrast-auditor Full design system creation → use design-system-creator Windows 3.1 retro aesthetic → use windows-3-1-web-designer Design Catalog Integration This skill references the design catalog at website/design-catalog/: color-palettes.json - 15 curated palettes with verified WCAG ratios typography-systems.json - 11 typography systems with scale ratios components/index.json - 22 component patterns with accessibility specs Always verify contrast ratios using the WCAG formula rather than hardcoding values. Current Design Trends (2024-2025) 1. Neobrutalism (High Popularity) Era: 2022-2025 Characteristics: Bold colors, thick black borders (2-4px), hard drop shadows, raw aesthetic, intentional "unpolished" feel Colors: High contrast with cream backgrounds, bold reds, electric yellows Typography: Bold sans-serif, uppercase headings, high letter-spacing Best for: SaaS products, creator tools, indie projects, startups wanting to stand out Examples: Gumroad, Figma marketing, Linear Catalog palettes: neobrutalism-primary, neobrutalism-dark 2. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills erichowens/design-trend-analyzer