freshtechbro/claudedesignskills

Что это?

Ключевые возможности

• 01Поддерживает Three.js, React Three Fiber, Babylon.js и PlayCanvas для создания 3D-сцен.
• 02Включает GSAP ScrollTrigger, Framer Motion, Anime.js и Lottie для анимации.
• 03Можно устанавливать отдельными плагинами или пятью тематическими наборами в Claude Code.
• 04Каждый навык включает инструкции в SKILL.md, справочную документацию и вспомогательные скрипты.
• 05Навыки можно загрузить на claude.ai или скопировать в локальный проект.

Сценарии использования

• Попросить Claude создать сцену Three.js с PBR-материалами или компонент React Three Fiber.
• Добавить на веб-страницу анимацию при прокрутке с помощью GSAP или переходы Framer Motion.
• С помощью Claude выбрать подходящий 3D-движок или библиотеку анимации.
• Сгенерировать заготовку для интерактивного проекта на WebGL или WebXR.

Быстрый старт

1. 1

   Добавьте marketplace в Claude Code

   /plugin marketplace add freshtechbro/claudedesignskills
2. 2

   Установите отдельный плагин

   /plugin install threejs-webgl
3. 3

   Или установите полный набор

   /plugin install core-3d-animation

Что важно знать

• !Skills — это пакеты инструкций для Claude Code, а не самостоятельное программное обеспечение, поэтому запускать их напрямую не нужно.
• !Для скриптов генератора требуются Python 3 и указанная в проекте конфигурация, использующая только стандартную библиотеку.

Темы

Частые вопросы

Что такое claudedesignskills?

Подборка навыков и плагинов для Claude Code, обучающих Claude работе с Three.js, GSAP, React Three Fiber и другими инструментами для веб-3D и анимации. В этом репозитории — маркетплейс плагинов для Claude Code с 22 навыками для современной веб-разработки, посвящёнными 3D-графике, анимации и интерактивным веб-приложениям. Каждый навык находится в отдельной папке с файлом инструкций и шаблонов SKILL.md, а также справочной документацией, вспомогательными скриптами и заготовками, которые Claude загружает только по мере необходимости.

claudedesignskills можно использовать бесплатно? Какая у него лицензия?

claudedesignskills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

claudedesignskills всё ещё поддерживается?

Нет коммитов больше 6 месяцев. Последний коммит в claudedesignskills — 20 нояб. 2025 г..

Для чего можно использовать claudedesignskills?

Попросить Claude создать сцену Three.js с PBR-материалами или компонент React Three Fiber. Добавить на веб-страницу анимацию при прокрутке с помощью GSAP или переходы Framer Motion. С помощью Claude выбрать подходящий 3D-движок или библиотеку анимации. Сгенерировать заготовку для интерактивного проекта на WebGL или WebXR.

Как установить claudedesignskills?

Добавьте marketplace в Claude Code: /plugin marketplace add freshtechbro/claudedesignskills Установите отдельный плагин: /plugin install threejs-webgl Или установите полный набор: /plugin install core-3d-animation

Где скачать claudedesignskills?

Исходный код и инструкции по установке — на GitHub: https://github.com/freshtechbro/claudedesignskills