jan-mraz-design-trends
CommunityMake pages feel modern with targeted design layers.
Authorjedmamosto
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It helps you fix dated or generic-looking web pages by applying current, visually distinctive design techniques on top of your existing layout and brand palette.
Core Features & Use Cases
- 17 concrete design techniques (8 from Jan Mráz 2025 and 9 from 2026) with “apply when” guidance and constraints.
- Section-based layering so trends dress existing structure (not replacements for tokens, content, or layout).
- A practical selection process that limits how many trends you apply and includes accessibility and mobile checks (e.g., prefers-reduced-motion, parallax/mobile behavior).
- Anti-pattern guardrails (e.g., never use Brutalism for funnels, avoid gradient text below 30px, cap heavy effects like 3D/animations) to reduce design regression risk.
Quick Start
Ask an AI to “apply the Jan Mráz design trends guide to my page” and specify which sections look dated and whether the design-system palette and layout are already set.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: jan-mraz-design-trends Download link: https://github.com/jedmamosto/m-and-ms/archive/main.zip#jan-mraz-design-trends Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.