·modern-web-design
*

modern-web-design

✓
freshtechbro/claudedesignskillsGitHub: freshtechbro/claudedesignskillsQuelle: freshtechbro/claudedesignskills

Moderne Webdesign-Trends, Prinzipien und Implementierungsmuster für 2024–2025. Nutzen Sie diese Fähigkeit, wenn Sie Websites entwerfen, interaktive Erlebnisse erstellen, Designsysteme implementieren, Barrierefreiheit sicherstellen oder leistungsorientierte Schnittstellen erstellen. Wird bei Aufgaben ausgelöst, die moderne Designtrends, Mikrointeraktionen, Scrollytelling, mutigen Minimalismus, Cursor-UX, Glassmorphismus, Einhaltung der Barrierefreiheit, Leistungsoptimierung oder Designsystemarchitektur betreffen. Verweist auf Animationsfähigkeiten (GSAP, Framer Motion, React Spring), 3D-Fähigkeiten (Three.js, R3F, Babylon.js) und Komponentenbibliotheken als Implementierungsanleitung.

freshtechbro·modern·web·design
14Installationen·1Trend·@freshtechbro

Installation

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

So installieren Sie modern-web-design

Installieren Sie den KI-Skill modern-web-design schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: freshtechbro/claudedesignskills.

SKILL.md

Original anzeigen

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.

Moderne Webdesign-Trends, Prinzipien und Implementierungsmuster für 2024–2025. Nutzen Sie diese Fähigkeit, wenn Sie Websites entwerfen, interaktive Erlebnisse erstellen, Designsysteme implementieren, Barrierefreiheit sicherstellen oder leistungsorientierte Schnittstellen erstellen. Wird bei Aufgaben ausgelöst, die moderne Designtrends, Mikrointeraktionen, Scrollytelling, mutigen Minimalismus, Cursor-UX, Glassmorphismus, Einhaltung der Barrierefreiheit, Leistungsoptimierung oder Designsystemarchitektur betreffen. Verweist auf Animationsfähigkeiten (GSAP, Framer Motion, React Spring), 3D-Fähigkeiten (Three.js, R3F, Babylon.js) und Komponentenbibliotheken als Implementierungsanleitung. Quelle: freshtechbro/claudedesignskills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
Quelle
freshtechbro/claudedesignskills
Kategorie
*Kreativität
Verifiziert
✓
Erstes Auftreten
2026-03-09
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/freshtechbro/claudedesignskills/modern-web-design

Browse more skills from freshtechbro/claudedesignskills

Schnelle Antworten

Was ist modern-web-design?

Moderne Webdesign-Trends, Prinzipien und Implementierungsmuster für 2024–2025. Nutzen Sie diese Fähigkeit, wenn Sie Websites entwerfen, interaktive Erlebnisse erstellen, Designsysteme implementieren, Barrierefreiheit sicherstellen oder leistungsorientierte Schnittstellen erstellen. Wird bei Aufgaben ausgelöst, die moderne Designtrends, Mikrointeraktionen, Scrollytelling, mutigen Minimalismus, Cursor-UX, Glassmorphismus, Einhaltung der Barrierefreiheit, Leistungsoptimierung oder Designsystemarchitektur betreffen. Verweist auf Animationsfähigkeiten (GSAP, Framer Motion, React Spring), 3D-Fähigkeiten (Three.js, R3F, Babylon.js) und Komponentenbibliotheken als Implementierungsanleitung. Quelle: freshtechbro/claudedesignskills.

Wie installiere ich modern-web-design?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/freshtechbro/claudedesignskills

Details

Kategorie
*Kreativität
Quelle
skills.sh
Erstes Auftreten
2026-03-09

Verwandte Skills

babylonjs-engine
25 Installationen
threejs-webgl
24 Installationen
blender-web-pipeline
21 Installationen
pixijs-2d
21 Installationen
spline-interactive
21 Installationen
animated-component-libraries
18 Installationen