Claude Design Skillstack — плагин
Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js
- 1 333 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скиллы содержат Python-скрипты, которые агент запускает для генерации сцен и компонентов
- Скрипты пишут файлы в проект, внешних сервисов не трогают
Установка
- Работает в
Ручная установка
/plugin marketplace add freshtechbro/claudedesignskills
/plugin install threejs-webglСтавьте нужные плагины, например gsap-scrolltrigger и react-three-fiber, или набор целиком.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скиллы содержат Python-скрипты, которые агент запускает для генерации сцен и компонентов
- Скрипты пишут файлы в проект, внешних сервисов не трогают
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Это маркетплейс плагинов Claude Code, собранный вокруг графики и анимации в вебе. В нем несколько десятков плагинов и скиллов по конкретным технологиям: Three.js и WebGL, GSAP и ScrollTrigger, React Three Fiber, Framer Motion, Babylon.js, WebXR через A-Frame, библиотеки анимированных компонентов и другое. Кроме инструкций, в каждом скилле есть справочники, примеры и вспомогательные скрипты, например генераторы компонентов и сцен. Маркетплейс подключается одной командой, после чего нужные плагины ставятся по отдельности или целым набором через /plugin. Можно также использовать скиллы напрямую из каталога .claude/skills.
Для кого. Для фронтенд-разработчиков и дизайнеров интерфейсов, которые делают 3D, анимацию и интерактивный веб.
Подходит, если
- Нужна помощь по Three.js, GSAP, R3F или Babylon.js
- Делаете анимированный или трехмерный интерфейс
- Нужны примеры и генераторы под конкретную графическую библиотеку
Не подходит, если
- Проект без графики и анимации
- Агент не Claude Code и формат плагинов не поддерживает
Пример запроса к агенту
Собери сцену на Three.js с плавной прокруткой через GSAP ScrollTriggerОграничения
Скиллы дают инструкции, справочники и примеры под конкретные библиотеки, они не заменяют знание самих технологий. Часть вспомогательных скриптов на Python, для них нужен установленный Python. Формат рассчитан на Claude Code и совместимые агенты.
Как отключить. Отключите нужный плагин или снимите маркетплейс через /plugin, либо удалите папки скиллов из .claude/skills.
Частые вопросы
Можно ставить по одному плагину?
Да, через /plugin install указываете нужный, например threejs-webgl или react-three-fiber, либо ставите набор целиком.
Что внутри скилла?
Инструкции плюс справочники, примеры и вспомогательные скрипты, например генераторы компонентов и сцен.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСкиллы креативного кода для Claude Code: движение, микровзаимодействия и визуальные системы для веба, Android и Apple
145 плагинов-скиллов для Claude Code и Codex: Cloudflare, React, Tailwind, Nuxt, API, безопасность, тесты, ставятся по одному
Скилл собирает компоненты Framer на Three.js, WebGL и GSAP: 3D, шейдеры и анимация по прокрутке в одном TSX-файле.
Web Animation Skills
web-animation-skills
Скиллы веб-анимации: GSAP, SVG, Lottie, микровзаимодействия, переходы между страницами, 60 кадров в секунду. Установка npx skills или плагином
Скилл для сборки премиальных скролл-сайтов с реальным дизайн-стандартом: типографика, ритм, глубина, движение и проверка в браузере
Набор скиллов, токенов и правил, который делает из Claude дизайн-архитектора: DTCG-токены, компоненты, доступность и объективные проверки качества
Коротко о README
README представляет набор плагинов и скиллов Claude Code для 3D, анимации и современного веба, оформленный как маркетплейс. Покрыты Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js и другие технологии, всего несколько десятков плагинов и скиллов. Подключается через /plugin marketplace add, плагины ставятся по отдельности или набором. Скиллы содержат справочники, примеры и вспомогательные скрипты. Лицензия MIT.