Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →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.
.claude/skills/davepoon-trend-researcher/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-11 | ✗→✓ | ▲ Improved | 73% | 0% |
| case-20 | ✗→✓ | ▲ Improved | 0% | 0% |
| case-23 | ✗→✓ | ▲ Improved | -5% | 0% |
| case-10 | ✓→✓ | ＝ Same ✓ | -39% | 0% |
| case-19 | ✓→✓ | ＝ Same ✓ | 23% | 0% |
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/mobileFor each page:
Look for recurring themes:
Color Trends
Typography Trends
Layout Trends
UI Element Trends
Create a structured trend report:
markdown## 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:
| Case | Status | Duration (ms) | Turns | Tokens | Tool calls | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Without | With | Δ | Without | With | Δ | Without | With | Δ | Without | With | Δ | ||
case-10 | pass→pass | 11,382 | 2,036 | -82% | 1 | 1 | 0% | 1,934 | 1,172 | -39% | 0 | 0 | — |
case-19 | pass→pass | 14,221 | 12,533 | -12% | 1 | 1 | 0% | 2,261 | 2,788 | +23% | 0 | 0 | — |
case-09 | pass→pass | 9,861 | 2,622 | -73% | 1 | 1 | 0% | 1,945 | 1,348 | -31% | 0 | 0 | — |
case-01 | fail→fail | 22,287 | 18,562 | -17% | 1 | 1 | 0% | 3,952 | 4,340 | +10% | 0 | 0 | — |
case-02 | fail→fail | 19,832 | 17,893 | -10% | 1 | 1 | 0% | 3,335 | 3,768 | +13% | 0 | 0 | — |
case-03 | fail→fail | 22,354 | 19,388 | -13% | 1 | 1 | 0% | 3,657 | 4,166 | +14% | 0 | 0 | — |
case-04 | pass→pass | 12,879 | 10,594 | -18% | 1 | 1 | 0% | 2,781 | 3,378 | +21% | 0 | 0 | — |
case-05 | pass→pass | 7,898 | 9,284 | +18% | 1 | 1 | 0% | 1,785 | 2,935 | +64% | 0 | 0 | — |
case-06 | pass→pass | 13,204 | 8,705 | -34% | 1 | 1 | 0% | 2,341 | 2,487 | +6% | 0 | 0 | — |
case-07 | pass→pass | 15,270 | 9,121 | -40% | 1 | 1 | 0% | 3,045 | 2,916 | -4% | 0 | 0 | — |
case-08 | pass→pass | 7,016 | 1,635 | -77% | 1 | 1 | 0% | 1,283 | 1,113 | -13% | 0 | 0 | — |
case-11 | fail→pass | 3,900 | 1,936 | -50% | 1 | 1 | 0% | 675 | 1,167 | +73% | 0 | 0 | — |
case-12 | pass→pass | 3,311 | 1,273 | -62% | 1 | 1 | 0% | 682 | 1,071 | +57% | 0 | 0 | — |
case-13 | pass→pass | 6,703 | 2,361 | -65% | 1 | 1 | 0% | 1,171 | 1,248 | +7% | 0 | 0 | — |
case-14 | fail→fail | 5,693 | 1,993 | -65% | 1 | 1 | 0% | 1,025 | 1,225 | +20% | 0 | 0 | — |
case-15 | pass→pass | 8,268 | 3,446 | -58% | 1 | 1 | 0% | 1,437 | 1,432 | -0% | 0 | 0 | — |
case-16 | pass→pass | 6,363 | 2,988 | -53% | 1 | 1 | 0% | 975 | 1,346 | +38% | 0 | 0 | — |
case-17 | pass→pass | 6,081 | 3,694 | -39% | 1 | 1 | 0% | 933 | 1,477 | +58% | 0 | 0 | — |
case-18 | pass→pass | 12,296 | 7,215 | -41% | 1 | 1 | 0% | 2,103 | 2,039 | -3% | 0 | 0 | — |
case-20 | fail→pass | 10,468 | 4,406 | -58% | 1 | 1 | 0% | 1,605 | 1,612 | +0% | 0 | 0 | — |
case-21 | pass→pass | 14,740 | 9,144 | -38% | 1 | 1 | 0% | 2,250 | 2,395 | +6% | 0 | 0 | — |
case-22 | pass→pass | 14,240 | 11,786 | -17% | 1 | 1 | 0% | 2,412 | 2,710 | +12% | 0 | 0 | — |
case-23 | fail→pass | 8,177 | 2,414 | -70% | 1 | 1 | 0% | 1,359 | 1,293 | -5% | 0 | 0 | — |
case-24 | fail→fail | 7,931 | 2,657 | -66% | 1 | 1 | 0% | 1,309 | 1,330 | +2% | 0 | 0 | — |
DecimalAI ran this skill against gemini-3.6-flash twice over the same eval suite — once with the skill loaded and once without — and compared the two runs case by case. 24 cases were attempted. The headline lift of +13 percentage points is the difference between those two pass rates over the 24 comparable cases.
Without the skill loaded, the model failed this case. With it loaded, the same prompt on the same model passed. This is one improved case from the latest verified run; every case, including any that regressed, is in the table above.
Other measured skills in the registry, with their headline benchmark lift.