vue-skills

Набор скиллов для разработки на Vue 3: практики Composition API, роутер, Pinia, тесты, JSX, Options API и разбор ошибок

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/vue-skills

Определит агенты на машине, проверит риск и зафиксирует версию.

Другие способы установки

Собрано автоматически, проверьте перед установкой.

Выполните в терминале в папке проекта

npx skills add vuejs-ai/skills --skill create-adaptable-composable vue-best-practices vue-debug-guides vue-jsx-best-practices vue-options-api-best-practices vue-pinia-best-practices vue-router-best-practices vue-testing-best-practices -a claude-code -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита c9d355f

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .claude/skills
cp -R "$tmp/skills/create-adaptable-composable" .claude/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .claude/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .claude/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .claude/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .claude/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .claude/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .claude/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .claude/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add vuejs-ai/skills --skill create-adaptable-composable vue-best-practices vue-debug-guides vue-jsx-best-practices vue-options-api-best-practices vue-pinia-best-practices vue-router-best-practices vue-testing-best-practices -a cursor -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита c9d355f

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .agents/skills
cp -R "$tmp/skills/create-adaptable-composable" .agents/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .agents/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .agents/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .agents/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .agents/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .agents/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .agents/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .agents/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add vuejs-ai/skills --skill create-adaptable-composable vue-best-practices vue-debug-guides vue-jsx-best-practices vue-options-api-best-practices vue-pinia-best-practices vue-router-best-practices vue-testing-best-practices -a github-copilot -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита c9d355f

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .github/skills
cp -R "$tmp/skills/create-adaptable-composable" .github/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .github/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .github/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .github/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .github/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .github/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .github/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .github/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add vuejs-ai/skills --skill create-adaptable-composable vue-best-practices vue-debug-guides vue-jsx-best-practices vue-options-api-best-practices vue-pinia-best-practices vue-router-best-practices vue-testing-best-practices -a codex -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита c9d355f

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .agents/skills
cp -R "$tmp/skills/create-adaptable-composable" .agents/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .agents/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .agents/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .agents/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .agents/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .agents/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .agents/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .agents/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add vuejs-ai/skills --skill create-adaptable-composable vue-best-practices vue-debug-guides vue-jsx-best-practices vue-options-api-best-practices vue-pinia-best-practices vue-router-best-practices vue-testing-best-practices -a gemini-cli -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита c9d355f

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .agents/skills
cp -R "$tmp/skills/create-adaptable-composable" .agents/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .agents/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .agents/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .agents/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .agents/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .agents/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .agents/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .agents/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .devin/skills
cp -R "$tmp/skills/create-adaptable-composable" .devin/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .devin/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .devin/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .devin/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .devin/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .devin/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .devin/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .devin/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Бывший Windsurf.

Выполните в терминале в папке проекта

npx skills add vuejs-ai/skills --skill create-adaptable-composable vue-best-practices vue-debug-guides vue-jsx-best-practices vue-options-api-best-practices vue-pinia-best-practices vue-router-best-practices vue-testing-best-practices -a cline -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита c9d355f

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .cline/skills
cp -R "$tmp/skills/create-adaptable-composable" .cline/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .cline/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .cline/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .cline/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .cline/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .cline/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .cline/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .cline/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add vuejs-ai/skills --skill create-adaptable-composable vue-best-practices vue-debug-guides vue-jsx-best-practices vue-options-api-best-practices vue-pinia-best-practices vue-router-best-practices vue-testing-best-practices -a roo -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита c9d355f

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .roo/skills
cp -R "$tmp/skills/create-adaptable-composable" .roo/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .roo/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .roo/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .roo/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .roo/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .roo/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .roo/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .roo/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Форк Roo Code, папки .roo те же.

Выполните в терминале в папке проекта

npx skills add vuejs-ai/skills --skill create-adaptable-composable vue-best-practices vue-debug-guides vue-jsx-best-practices vue-options-api-best-practices vue-pinia-best-practices vue-router-best-practices vue-testing-best-practices -a opencode -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита c9d355f

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .agents/skills
cp -R "$tmp/skills/create-adaptable-composable" .agents/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .agents/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .agents/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .agents/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .agents/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .agents/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .agents/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .agents/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .agents/skills
cp -R "$tmp/skills/create-adaptable-composable" .agents/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .agents/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .agents/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .agents/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .agents/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .agents/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .agents/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .agents/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/vuejs-ai/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/create-adaptable-composable/ /skills/vue-best-practices/ /skills/vue-debug-guides/ /skills/vue-jsx-best-practices/ /skills/vue-options-api-best-practices/ /skills/vue-pinia-best-practices/ /skills/vue-router-best-practices/ /skills/vue-testing-best-practices/
git -C "$tmp" checkout c9d355ff23f654309dd02006be671859df0a134c
mkdir -p .agents/skills
cp -R "$tmp/skills/create-adaptable-composable" .agents/skills/create-adaptable-composable
cp -R "$tmp/skills/vue-best-practices" .agents/skills/vue-best-practices
cp -R "$tmp/skills/vue-debug-guides" .agents/skills/vue-debug-guides
cp -R "$tmp/skills/vue-jsx-best-practices" .agents/skills/vue-jsx-best-practices
cp -R "$tmp/skills/vue-options-api-best-practices" .agents/skills/vue-options-api-best-practices
cp -R "$tmp/skills/vue-pinia-best-practices" .agents/skills/vue-pinia-best-practices
cp -R "$tmp/skills/vue-router-best-practices" .agents/skills/vue-router-best-practices
cp -R "$tmp/skills/vue-testing-best-practices" .agents/skills/vue-testing-best-practices

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Понадобится: Node.js

Сверено с репозиторием 26 сент. 2026, коммит c9d355f.

Текст для агента

Установи набор командой npx skills add vuejs-ai/skills, либо в Claude Code через /plugin marketplace add vuejs-ai/skills и /plugin install vue-skills-bundle@vue-skills. Для надежного срабатывания начинай запрос со слов use vue skill.

Другие способы из описания автора

npx skills add vuejs-ai/skills

Установка через skills CLI для поддерживаемых агентов.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Набор дает агенту восемь скиллов по разработке на Vue 3. Основной скилл задает стандартный стек Composition API со script setup и TypeScript, требует читать базовые справочники по реактивности, однофайловым компонентам, потоку данных и композаблам, и планировать границы компонентов до написания кода. Отдельные скиллы покрывают Vue Router 4, Pinia, тесты на Vitest и Playwright, JSX, Options API, создание переиспользуемых композаблов и разбор ошибок и проблем гидратации SSR. Каждый скилл это SKILL.md со справочниками по конкретным темам и типовым ошибкам. Правила отбирались через автоматические оценки: правило оставляли, только если оно давало модели решить то, что без скилла она не решала.

Для кого. Для фронтенд-разработчиков на Vue 3, которым нужно, чтобы агент следовал устоявшимся практикам экосистемы.

Подходит, если

Агент пишет или рефакторит код на Vue 3 и файлы .vue
Нужны корректные паттерны Pinia, Vue Router или тестов на Vitest
Разбираетесь с ошибками рантайма или несовпадением гидратации SSR

Не подходит, если

Проект не на Vue, справочники рассчитаны на Vue 3 и его экосистему
Нужна нейтральная помощь без навязывания Composition API и TypeScript

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

Используй vue skill и собери компонент списка задач на Composition API с Pinia

Ограничения

Это ранний общественный эксперимент, а не официальный проект команды Vue: автор отмечает, что правила выведены из реальных проблем, но могут содержать неточности из-за галлюцинаций, и просит обратную связь. Основной скилл по умолчанию подталкивает к Composition API, script setup и TypeScript, для Options API или JSX нужно ставить отдельные скиллы. Публикуемые скиллы лежат в ветке main, разработка идет в dev. Скиллы это только справочники и инструкции, кода они сами не запускают.

Как отключить. Если ставили как плагин Claude Code, удалите его через /plugin. При ручной установке удалите папки скиллов из каталога скиллов агента.

Проверка безопасности

Скиллы состоят только из инструкций и справочников, кода не запускают

Коротко о README

README представляет набор скиллов для разработки на Vue 3 и честно называет его ранним общественным экспериментом. Установка идет через npx skills add или как плагин Claude Code с бандлом и отдельными скиллами. Для надежного срабатывания рекомендуется начинать запрос с фразы use vue skill. В таблице перечислены восемь скиллов и случаи их применения: базовые практики, Options API, роутер, Pinia, тесты, JSX, разбор ошибок и создание композаблов. Описан метод валидации: базовый прогон без скилла и прогон со скиллом, правило оставляют, только если оно дало решить задачу. Лицензия MIT.

SKILL.md

---
name: vue-best-practices
description: MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
license: MIT
metadata:
  author: github.com/vuejs-ai
  version: "18.0.0"
---

# Vue Best Practices Workflow

Use this skill as an instruction set. Follow the workflow in order unless the user explicitly asks for a different order.

## Core Principles
- **Keep state predictable:** one source of truth, derive everything else.
- **Make data flow explicit:** Props down, Events up for most cases.
- **Favor small, focused components:** easier to test, reuse, and maintain.
- **Avoid unnecessary re-renders:** use computed properties and watchers wisely.
- **Readability counts:** write clear, self-documenting code.

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

Это официальный проект Vue?

Нет. Это общественный эксперимент, автор планирует предложить передать проект организации Vue, если он окажется полезным, но пока это не так.

Обязательно ставить все восемь скиллов?

Нет. Бандл vue-skills-bundle ставит все сразу, но можно поставить только нужные, например vue-best-practices@vue-skills или vue-router-best-practices@vue-skills.

Скиллы Next.js

Next.js skills

Выбор редакции

Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере

ПлагинСредний риск142,9 тыс.

shadcn/ui

Выбор редакции

Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки

СкиллСредний риск124,8 тыс.

Impeccable

Выбор редакции

Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов

СкиллВысокий риск72,1 тыс.

Скиллы Vercel для агентов

Agent Skills

Выбор редакции

Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой

СкиллСредний риск31,7 тыс.

Установка

Что делает

Подходит, если

Не подходит, если

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

Ограничения

Проверка безопасности

Коротко о README

SKILL.md

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

Похожие

Скиллы Next.js

shadcn/ui

Impeccable

Скиллы Vercel для агентов