AIKraft/AI/Войти
AIKraft/Skills/Создание адаптируемых компонуемых решений

Создание адаптируемых компонуемых решений

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.

vuejs-ai official Разработка

Что делает навык

Создаёт переиспользуемые Vue composable, способные принимать как реактивные, так и обычные значения (MaybeRef / MaybeRefOrGetter). Нормализует входные данные с помощью toValue() или toRef() внутри реактивных эффектов для предсказуемого поведения.

Когда применять

  • Когда пользователь просит создать адаптируемый composable, работающий с разными типами входных данных.
  • При разработке переиспользуемых функций, которым не важно, передан ли ref, computed или обычное значение.
  • Для создания библиотечных composables, которые должны быть гибкими в использовании.

Как работает

  1. Подтвердить назначение composable, дизайн API и ожидаемые входные/выходные данные.
  2. Определить параметры, которые должны быть реактивными, используя типы MaybeRef или MaybeRefOrGetter.
  3. Использовать toValue() или toRef() для нормализации входных данных внутри реактивных эффектов (watch/watchEffect).
  4. Реализовать основную логику composable с использованием API реактивности Vue.

Примеры запросов агенту

Создай адаптируемый composable для отслеживания ширины окна браузера.
Напиши переиспользуемый composable, который принимает MaybeRef и возвращает нормализованное значение.
Разработай composable уровня библиотеки, принимающий входные данные в формате MaybeRefOrGetter.

Описание составлено по SKILL.md навыка, сверено 06.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «create-adaptable-composable» из репозитория: # https://github.com/vuejs-ai/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r create-adaptable-composable/ ~/.claude/skills/create-adaptable-composable/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.