trend-researcher

Solid

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.

Web & Frontend 2,996 stars 363 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 90/100

Stars 20%

100

Recency 20%

100

Frontmatter 20%

Documentation 15%

100

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

# 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: 1. Take a screenshot of the current view 2. Scroll down and take additional screenshots (2-3 scrolls) 3. 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 Eleme...

Details

Author: davepoon
Repository: davepoon/buildwithclaude
Created: 10 months ago
Last Updated: yesterday
Language: Python
License: MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

frontend-ui-ux

Designer-turned-developer who crafts stunning UI/UX even without design mockups

6 Updated today

mazenyassergithub

Web & Frontend Listed

frontend-design

UI/UX design — color theory (60-30-10 rule), responsive layouts, WCAG accessibility, CSS/Tailwind patterns, wireframes, and visual review. Use when designing interfaces, choosing palettes, writing CSS, or fixing layout/accessibility issues.

1 Updated today

bg-szy

Web & Frontend Listed

aio-uiux

Web UI design and review advisor — applies UX psychology, interaction patterns, WCAG accessibility, and modern CSS to design new interfaces or critique existing ones. Use proactively when reviewing any frontend UI, scaffolding new components, or deciding layout/color/typography trade-offs.

3 Updated 2 days ago

aiocean

Web & Frontend Solid

inspiration-analyzer

Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design project.

2,996 Updated yesterday

davepoon

Web & Frontend Listed

design_ui_ux

Use this skill when the user is designing, evaluating, or improving a user interface — including component layouts, user flows, information architecture, interaction design, or accessibility. Triggers on: "how should I design this UI?", "what's the best layout for X?", "review this interface", "design a form for", "improve the UX of", "what should this screen look like?", "is this flow intuitive?", "accessibility review", "design the user journey for". Also use proactively when asked to build a UI component and the design hasn't been specified — propose the design before implementing.

0 Updated yesterday

feralbureau