Навыки для ИИ

Конкретные инструкции, проверка результата и исходники. Выбери нужное под задачу.

⌘ K

Навыки 46

SKILL.md + исходный код

Каталоги открытых ассетов

Поиск, источник, автор и лицензия до импорта в проект.

3D / WebGLAdvanced

Импорт glTF со всеми зависимостями

Файл сцены, геометрия и текстуры работают вместе.

3D / WebGLAdvanced

Свет и отражения HDRI

Предметная студия, интерьер и естественное окружение.

3D / WebGLAdvanced

Настоящие PBR-карты

Base color, normal, roughness, metalness и occlusion.

3D / WebGLAdvanced

SVG-фильтры для типографики

Жидкие буквы, чернила, контур и текст по кривой.

MotionAdvanced

Непрерывность при перестановке

FLIP, индикаторы вкладок и раскрытие карточек.

MotionAdvanced

Жесты и управление без мыши

Перетаскивание, snap-точки и свайп карточек.

MotionAdvanced

Принципиально разные дизайн-направления

Структура, набор и характер вместо перекрашивания.

DesignAdvanced

Бюджет тяжёлых 3D-сцен

Загрузка по выбору, 1K-карты, один рендерер и очистка.

3D / WebGLAdvanced

Переносимая библиотека ассетов

Локальный индекс, выбранные файлы и происхождение.

ArchitectureAdvanced

Физическое стекло

Преломление, толщина, прозрачность и стеклянная птица.

3D / WebGLAdvanced

PBR-материалы

Металл, медь, хром, керамика и мягкие покрытия.

3D / WebGLAdvanced

Процедурные текстуры

Шлифовка, мрамор, дерево, бетон и углеволокно.

3D / WebGLAdvanced

Экспорт GLB и ассетов

Модели, материалы и текстуры для другого проекта.

3D / WebGLAdvanced

Визуальное направление

Характер сайта: композиция, палитра и материалы.

DesignCore

Fluid typography

Шкала размеров, заголовки и аккуратные переносы.

DesignCore

Дизайн-токены

Связанные цвета, отступы, радиусы и состояния.

DesignCore

Редакционная сетка

Асимметрия, длинные материалы и ритм.

DesignCore

Доступные компоненты

Клавиатура, фокус и понятные состояния.

DesignCore

Адаптивная композиция

Мобильная версия как самостоятельный сценарий.

DesignCore

Многостраничная архитектура

Маршруты, общие оболочки и страницы.

ArchitectureCore

Контент и SEO

Метаданные и индексируемый контент.

ArchitectureCore

Библиотека для агентов

llms.txt, JSON-реестр и переносимые исходники.

ArchitectureCore

Формы и валидация

Ошибки, ожидание и повторная попытка.

ArchitectureCore

Каталог и фильтры

Поиск, категории, сортировка и URL.

CommerceCore

Корзина

Количество, итог и сохранение на устройстве.

CommerceCore

Карточка товара

Варианты, наличие и добавление в корзину.

CommerceCore

Checkout

Проверка заказа и серверный расчёт.

CommerceCore

Остатки и заказы

Транзакции и конкурентные заказы.

CommerceCore

Пружинные взаимодействия

Инерция и прерываемое движение.

MotionAdvanced

Magnetic hover

Кнопка следует за курсором.

MotionAdvanced

Scroll parallax

Разная скорость слоёв без перехвата скролла.

MotionAdvanced

Sticky scroll story

Закреплённая сцена и главы.

MotionAdvanced

Text reveal

Построчное появление без скрытого контента.

MotionAdvanced

Переходы между страницами

Смена контекста с надёжным fallback.

MotionAdvanced

Бесшовная строка

Непрерывное движение с паузой.

MotionAdvanced

WebGL foundation

Сцена, камера, свет и освобождение GPU.

3D / WebGLAdvanced

3D от курсора

Ограниченный поворот и сглаживание.

3D / WebGLAdvanced

3D от скролла

Ракурс объекта по прогрессу секции.

3D / WebGLAdvanced

Процедурные 3D-объекты

36 редактируемых моделей для разных сфер.

3D / WebGLAdvanced

Производительность 3D

Ленивая загрузка, DPR и статические альтернативы.

3D / WebGLAdvanced

API contracts

Валидация, статусы и предсказуемые ответы.

BackendAdvanced

SQLite и транзакции

Атомарные изменения и параметризованные запросы.

BackendAdvanced

Границы авторизации

Сессии и доступ к серверным операциям.

BackendAdvanced

Устойчивые запросы

Таймаут, отмена и защита от старых ответов.

BackendAdvanced

Валидация и лимиты

Границы доверия и безопасные ошибки.

BackendAdvanced