Skills
.Work. You
Rest

design-trends

Community

Design award-winning sites with current patterns

Design & Creative#typography#dark-mode#web-design#motion-design#scroll-storytelling#design-trends#award-standards
Authorflitzrrr
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a concise, updateable guide to the latest award-winning web design patterns and implementation rules so teams can design contemporary, high-quality sites without chasing fleeting trends or breaking accessibility and performance constraints.

Core Features & Use Cases

  • Trend Curation: Summarizes motion, typography, color, layout, and interaction trends derived from Awwwards, CSSDA, Godly, and SiteInspire analyses.
  • Implementation Guidance: Gives concrete rules and technical methods (IntersectionObserver, ScrollTimeline, View Transitions API, variable fonts, motion tokens) so designers and engineers can implement patterns reliably.
  • Use Case: Evaluate a landing page or prototype and produce prioritized updates — hero typography sizing, scroll-driven animations, dark-canvas theming, and performance constraints — to meet award-caliber expectations.

Quick Start

Use the design-trends skill to evaluate a landing page and return a prioritized checklist of updates to align it with current award-winning design patterns.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-trends
Download link: https://github.com/flitzrrr/frontend-design-skills/archive/main.zip#design-trends

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.