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/anti-ui-slop
development
VerifiedTrustedCommunity
Stop coding agents from shipping generic UI. Use UIZZE's 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use for web or iOS UI design, implementation, redesign, critique, and pre-ship review in Codex, Claude Code, Cursor, Copilot, and other coding agents.
3,220SKILL.mdUpdated Jul 27, 2026
davepoon/theboardroom
development
VerifiedTrustedCommunity
Convene an AI executive board of directors (CEO, CFO, COO, CLO, CISO sub-agent personas) to vet a business idea, product concept, new service offering, M&A target, or operational initiative — and deliver an integrated board memo with a Go/No-Go recommendation. Use this skill whenever the user wants an idea vetted, stress-tested, or reviewed from multiple executive perspectives; asks to "present this to the board," "run this by the boardroom," "vet this idea," "poke holes in this plan," or "prep me for a board meeting"; or shares a business plan, pitch, proposal, or initiative document and asks for structured executive feedback. Also trigger when the user asks for a Go/No-Go decision, risk review across finance/legal/security/operations, or preparation for presenting an initiative to real leadership.
3,183SKILL.mdUpdated Jul 16, 2026
davepoon/travel-agent-skill
data-ai
VerifiedTrustedCommunity
私人旅行管家 — 从出发地到目的地的完整行程规划+攻略导出。 输入出发地、目的地、天数、预算、风格偏好，自动输出闭环行程， 包含交通推荐、酒店推荐、美食路线、每日预算，并可选生成攻略。 当用户提到「做攻略」「旅行规划」「旅游计划」「行程安排」时使用。
3,180SKILL.mdUpdated Jul 15, 2026
davepoon/ontoly-software-graph
tools
VerifiedTrustedCommunity
Use Ontoly's deterministic Software Graph and MCP server for codebase architecture, request tracing, dependency analysis, and impact analysis.
3,180SKILL.mdUpdated Jul 15, 2026