Help us improve
Share bugs, ideas, or general feedback.
From frontend-design-pro
Researches latest UI/UX trends from Dribbble by screenshotting popular web and mobile designs, analyzing colors, typography, layouts, and generating structured reports. Use when starting design projects.
npx claudepluginhub davepoon/buildwithclaude --plugin frontend-design-proHow this skill is triggered — by the user, by Claude, or both
Slash command
/frontend-design-pro:trend-researcherThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Research current UI/UX design trends from Dribbble and other design communities to inform design decisions.
Conducts deep design research using Lazyweb screenshot database and web search, producing structured reports with downloaded app screenshots for competitive analysis and best practices.
Analyzes websites for design inspiration by navigating URLs, capturing desktop/mobile screenshots, and extracting colors with hex codes, typography details, layouts, grids, and UI patterns into structured reports.
Pesquisa concorrentes, analisa tendências visuais de nicho, gera moodboards e produz dossiê estratégico para UI/UX. Use para benchmarking visual, redesign ou direcionamento de interface.
Share bugs, ideas, or general feedback.
Research current UI/UX design trends from Dribbble and other design communities to inform design decisions.
Before designing, understand what's trending in the design world. This skill helps:
Visit the popular shots pages:
https://dribbble.com/shots/popular/web-design
https://dribbble.com/shots/popular/mobile
For each page:
Look for recurring themes:
Color Trends
Typography Trends
Layout Trends
UI Element Trends
Create a structured trend report:
## UI/UX Trend Report - [Date]
### Top Visual Trends
1. **[Trend Name]**: [Description with specific examples seen]
2. **[Trend Name]**: [Description with specific examples seen]
3. **[Trend Name]**: [Description with specific examples seen]
### Color Trends
- **Primary colors trending**: [hex codes observed]
- **Background approaches**: [light/dark/gradient patterns]
- **Accent colors**: [popular accent choices]
### Typography Trends
- **Heading styles**: [observations about display fonts]
- **Body text**: [readable font choices]
- **Font weight trends**: [heavy/light/mixed]
### Layout Patterns
1. **[Pattern]**: [description + where seen]
2. **[Pattern]**: [description + where seen]
### Elements to Avoid
- [Outdated pattern 1]
- [Overused style 1]
### Recommended Direction
Based on this analysis, suggest: [aesthetic direction that feels fresh]
If Dribbble is unavailable, check:
https://www.awwwards.com/websites/ - Award-winning siteshttps://www.behance.net/galleries/ui-ux - Behance UI/UXhttps://www.siteinspire.com/ - Curated site inspirationIf browser tools are unavailable:
The trend report should inform: