·modern-web-design
*

modern-web-design

Tendances, principes et modèles de mise en œuvre modernes en matière de conception Web pour 2024-2025. Utilisez cette compétence lors de la conception de sites Web, de la création d'expériences interactives, de la mise en œuvre de systèmes de conception, de la garantie de l'accessibilité ou de la création d'interfaces axées sur les performances. Se déclenche sur des tâches impliquant des tendances de conception modernes, des micro-interactions, le scrollytelling, un minimalisme audacieux, le curseur UX, le glassmorphisme, la conformité en matière d'accessibilité, l'optimisation des performances ou l'architecture du système de conception. Références aux compétences en animation (GSAP, Framer Motion, React Spring), aux compétences 3D (Three.js, R3F, Babylon.js) et aux bibliothèques de composants pour des conseils de mise en œuvre.

14Installations·1Tendance·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design

Comment installer modern-web-design

Installez rapidement le skill IA modern-web-design dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : freshtechbro/claudedesignskills.

Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.

This meta-skill synthesizes knowledge from all animation, interaction, and 3D skills in this repository to provide holistic design guidance.

Philosophy: Design decisions should prioritize Core Web Vitals and user experience on all devices.

Tendances, principes et modèles de mise en œuvre modernes en matière de conception Web pour 2024-2025. Utilisez cette compétence lors de la conception de sites Web, de la création d'expériences interactives, de la mise en œuvre de systèmes de conception, de la garantie de l'accessibilité ou de la création d'interfaces axées sur les performances. Se déclenche sur des tâches impliquant des tendances de conception modernes, des micro-interactions, le scrollytelling, un minimalisme audacieux, le curseur UX, le glassmorphisme, la conformité en matière d'accessibilité, l'optimisation des performances ou l'architecture du système de conception. Références aux compétences en animation (GSAP, Framer Motion, React Spring), aux compétences 3D (Three.js, R3F, Babylon.js) et aux bibliothèques de composants pour des conseils de mise en œuvre. Source : freshtechbro/claudedesignskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-09
Mis à jour
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Réponses rapides

Qu'est-ce que modern-web-design ?

Tendances, principes et modèles de mise en œuvre modernes en matière de conception Web pour 2024-2025. Utilisez cette compétence lors de la conception de sites Web, de la création d'expériences interactives, de la mise en œuvre de systèmes de conception, de la garantie de l'accessibilité ou de la création d'interfaces axées sur les performances. Se déclenche sur des tâches impliquant des tendances de conception modernes, des micro-interactions, le scrollytelling, un minimalisme audacieux, le curseur UX, le glassmorphisme, la conformité en matière d'accessibilité, l'optimisation des performances ou l'architecture du système de conception. Références aux compétences en animation (GSAP, Framer Motion, React Spring), aux compétences 3D (Three.js, R3F, Babylon.js) et aux bibliothèques de composants pour des conseils de mise en œuvre. Source : freshtechbro/claudedesignskills.

Comment installer modern-web-design ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/freshtechbro/claudedesignskills