jan-mraz-design-trends

Community

Make 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 required

Components

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.
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.