davepoon/plugins/frontend-design-pro/skills/trend-researcher
plugins/frontend-design-pro/skills/trend-researcher/SKILL.md
Research latest UI/UX trends from Dribbble and design communities. Use when starting a design project to understand current visual trends, color palettes, and layout patterns.
$ install --global
skillsauthnpx skillsauth add davepoon/buildwithclaude plugins/frontend-design-pro/skills/trend-researcherInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 18, 2026, 2:28 AM165.5s1 file scanned
SKILL.md
- description:
- Research latest UI/UX trends from Dribbble and design communities. Use when starting a design project to understand current visual trends, color palettes, and layout patterns.
Trend Researcher
Research current UI/UX design trends from Dribbble and other design communities to inform design decisions.
Purpose
Before designing, understand what's trending in the design world. This skill helps:
- Identify popular visual styles and aesthetics
- Discover color palette trends
- Learn typography approaches
- See layout patterns in use
- Avoid outdated or overused styles
Workflow
Step 1: Navigate to Dribbble
Visit the popular shots pages:
https://dribbble.com/shots/popular/web-design
https://dribbble.com/shots/popular/mobile
Step 2: Screenshot and Analyze
For each page:
- Take a screenshot of the current view
- Scroll down and take additional screenshots (2-3 scrolls)
- Analyze the visible designs for:
- Dominant color schemes
- Typography styles (serif vs sans-serif, weight, spacing)
- Layout patterns (bento, cards, full-bleed, etc.)
- Animation/motion indicators
- UI element styles (buttons, cards, navigation)
Step 3: Identify Patterns
Look for recurring themes:
Color Trends
- What primary colors appear most?
- Light vs dark mode preference?
- Gradient usage patterns?
- Accent color choices?
Typography Trends
- Display fonts: bold, condensed, decorative?
- Body fonts: clean sans, readable serif?
- Weight trends: heavy, light, mixed?
- Spacing: tight, loose, dramatic?
Layout Trends
- Grid systems in use
- White space usage
- Card vs full-section layouts
- Navigation patterns
UI Element Trends
- Button styles (rounded, sharp, outlined)
- Card designs (shadows, borders, flat)
- Icon styles (outlined, filled, animated)
Step 4: Generate Report
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]
Alternative Sources
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 inspiration
Fallback Mode
If browser tools are unavailable:
- Note that trend research requires browser access
- Suggest user share screenshots or describe sites they like
- Reference general current trends from knowledge:
- Dark mode with accent colors
- Bento grid layouts
- Large typography
- Micro-interactions
- Glassmorphism (fading)
- Neobrutalism (rising)
- Variable fonts
- 3D elements and depth
Output
The trend report should inform:
- Aesthetic direction selection
- Color palette choices
- Typography decisions
- Layout structure
- What to avoid (outdated patterns)
Related Skills
davepoon/whats-next
tools
VerifiedTrustedCommunity
Assesses the current state of the startup project and recommends what to focus on next. Use when there is a need or a question from the user to understand what the next steps are or what to focus on next.
3,021SKILL.mdUpdated Jun 5, 2026
davepoon/using-startup-superpowers
data-ai
VerifiedTrustedCommunity
Use at the start of any conversation about a startup idea, product validation, founder strategy, or work inside a `startup/` workspace. Establishes file conventions, voice-input handling, subagent dispatch rules, and how to update each artifact safely. Activate before invoking any other startup-superpowers skill.
3,021SKILL.mdUpdated Jun 5, 2026
davepoon/surveys
tools
VerifiedTrustedCommunity
Manages the founder's survey-based validation — crafting the right questions, deploying a survey to the internet, and analyzing results against hypotheses. Use when the founder wants to run a survey, create survey questions, validate hypotheses at scale, check how a survey is going, understand whether a survey is the right tool right now, or deploy a question set to get quantitative signal. Also bring this up if you believe that creating a survey to collect quantitative evidence may be useful at this point.
3,021SKILL.mdUpdated Jun 5, 2026
davepoon/mvp
development
VerifiedTrustedCommunity
Guides the founder through designing and optionally building the simplest MVP or prototype that validates their current hypotheses. Use when the founder wants to build something to test assumptions, discusses what to build next, wants to interpret results from a live MVP, or is deciding whether the current approach is still right. Also use when a founder proposes something to build — the skill will check whether the proposed form is the simplest thing that generates honest signal.
3,021SKILL.mdUpdated Jun 5, 2026