·modern-web-design
*

modern-web-design

Современные тенденции, принципы и схемы реализации веб-дизайна на 2024-2025 годы. Используйте этот навык при проектировании веб-сайтов, создании интерактивного опыта, внедрении систем дизайна, обеспечении доступности или создании интерфейсов, ориентированных на производительность. Запускается при выполнении задач, связанных с современными тенденциями дизайна, микровзаимодействиями, прокруткой, смелым минимализмом, UX курсора, стеклянным морфизмом, соответствием требованиям доступности, оптимизацией производительности или архитектурой системы проектирования. Ссылается на навыки анимации (GSAP, Framer Motion, React Spring), навыки работы с 3D (Three.js, R3F, Babylon.js) и библиотеки компонентов для руководства по реализации.

14Установки·1Тренд·@freshtechbro

Установка

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

Как установить modern-web-design

Быстро установите AI-навык modern-web-design в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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.

Современные тенденции, принципы и схемы реализации веб-дизайна на 2024-2025 годы. Используйте этот навык при проектировании веб-сайтов, создании интерактивного опыта, внедрении систем дизайна, обеспечении доступности или создании интерфейсов, ориентированных на производительность. Запускается при выполнении задач, связанных с современными тенденциями дизайна, микровзаимодействиями, прокруткой, смелым минимализмом, UX курсора, стеклянным морфизмом, соответствием требованиям доступности, оптимизацией производительности или архитектурой системы проектирования. Ссылается на навыки анимации (GSAP, Framer Motion, React Spring), навыки работы с 3D (Three.js, R3F, Babylon.js) и библиотеки компонентов для руководства по реализации. Источник: freshtechbro/claudedesignskills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
Категория
*Креатив
Проверено
Впервые замечено
2026-03-09
Обновлено
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Короткие ответы

Что такое modern-web-design?

Современные тенденции, принципы и схемы реализации веб-дизайна на 2024-2025 годы. Используйте этот навык при проектировании веб-сайтов, создании интерактивного опыта, внедрении систем дизайна, обеспечении доступности или создании интерфейсов, ориентированных на производительность. Запускается при выполнении задач, связанных с современными тенденциями дизайна, микровзаимодействиями, прокруткой, смелым минимализмом, UX курсора, стеклянным морфизмом, соответствием требованиям доступности, оптимизацией производительности или архитектурой системы проектирования. Ссылается на навыки анимации (GSAP, Framer Motion, React Spring), навыки работы с 3D (Three.js, R3F, Babylon.js) и библиотеки компонентов для руководства по реализации. Источник: freshtechbro/claudedesignskills.

Как установить modern-web-design?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/freshtechbro/claudedesignskills

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-03-09