Скиллы Энтони Фу
Anthony Fu's Skills
Набор скиллов для стека Vue, Vite и Nuxt: личные соглашения автора и выжимки из официальной документации инструментов
- 6 019 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скиллы состоят из документации и соглашений
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/anthony-fu-s-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы состоят из документации и соглашений
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Энтони Фу, участник команд Vue, Vite и Nuxt, собрал скиллы трех видов. Два скилла он ведет вручную: antfu с его настройками проектов на eslint, pnpm, vitest и vue и antfu-design с принципами интерфейсов на UnoCSS и семантических токенах. Скиллы vue, nuxt, pinia, vite, vitepress, vitest, unocss и pnpm сгенерированы из официальной документации через git-подмодули и доработаны автором. Еще часть подтягивается из репозиториев, где скиллы ведут сами проекты: slidev, tsdown, turborepo, vueuse, лучшие практики Vue и web-design-guidelines от Vercel.
Для кого. Для фронтенд-разработчиков, которые работают на Vue, Nuxt и Vite.
Подходит, если
- Агент путает API Vue, Nuxt или Vite и нужна опора на актуальную документацию
- Нужно настроить новый проект по соглашениям автора
- Нужно собрать интерфейс на UnoCSS с темной и светлой темами
Не подходит, если
- Проект на React или другом стеке
- Не согласны с личными соглашениями автора по инструментам
Пример запроса к агенту
Добавь в Nuxt-проект серверный маршрут для списка заказов и покрой его тестом на VitestОграничения
Автор называет проект экспериментом и прямо пишет, что не проверял в полной мере, насколько хорошо скиллы работают на практике. Скиллы antfu и antfu-design отражают личные предпочтения. Сторонние скиллы сохраняют свои лицензии.
Как отключить. Удалите установленные скиллы через CLI skills или папки скиллов из каталога агента.
Частые вопросы
Как скиллы остаются актуальными?
Исходная документация подключена через git-подмодули, поэтому скиллы можно пересобрать при изменениях в первоисточнике.
Можно ли сделать свою коллекцию так же?
Да, репозиторий задуман как шаблон: форк, правка meta.ts, команды pnpm start init и sync, затем генерация скиллов агентом.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыНабор скиллов для разработки на Vue 3: практики Composition API, роутер, Pinia, тесты, JSX, Options API и разбор ошибок
Скилл подсказывает агенту готовые composable-функции VueUse для Vue 3 и Nuxt и дает справку по использованию и типам каждой функции
shadcn-vue — скилл для агентов
shadcn-vue skill
Скилл shadcn-vue читает настройки вашего проекта и учит агента добавлять компоненты, формы и темы Vue-порта shadcn/ui по правилам библиотеки
Скилл Bitrix24 UI для Vue и Nuxt
Bitrix24 UI
Официальный скилл Битрикс24 для более чем 130 компонентов b24ui-nuxt: когда какой компонент брать, семантические цвета, формы и готовые макеты
Frontend Design (Ilm-Alan)
frontend-design
Скилл дизайна фронтенда с восемью эстетическими якорями: каждый фиксирует палитру, шрифты и текстуру в токенах CSS. Отдельный проект, не от Anthropic
Скиллы по фронтенд-стеку Symfony UX: Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons и UX Map с примерами и типовыми ошибками
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Скиллы Энтони Фу (эта запись) | нет | 6 019 | ||
| Nuxt MCP Dev | нет | не нужна | 913 | модуль Nuxt и плагин Vite поднимают MCP-сервер на порту dev-сервера |
| VueUse Skills | да | 402 | скилл подсказывает агенту готовые composable-функции VueUse для Vue 3 |
Коротко о README
README делит скиллы на три группы: поддерживаемые вручную, сгенерированные из документации и подтянутые из сторонних репозиториев, для каждого указан источник. Установка одной командой через CLI skills. Автор объясняет разницу между скиллами, llms.txt и AGENTS.md и описывает, как сделать собственную коллекцию по этому шаблону. Лицензия MIT.
Бейдж для README
Исходный SKILL.md
--- name: antfu-design description: antfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling and devtools UIs, plus design-read, anti-slop, and micro-interaction polish for landing pages and product surfaces. Use when building or refactoring any interface with UnoCSS. metadata: author: Anthony Fu version: "2026.06.22" --- Use this when building interfaces with UnoCSS in any framework (React, Vue, Svelte, Solid, or plain HTML), from dense devtools panels to landing pages. Read core-design-read first to set the direction, then apply the token system plus the polish and anti-slop rules. ## Core Rules - Use semantic shortcuts (`bg-base`, `border-base`, `color-active`, `btn-action`) instead of raw utility chains in markup. - Design light and dark mode together. Core tokens must work in both themes. - Name z-index layers (`z-top-nav`, `z-panel-content`, `z-drawer-content`). Do not use raw z values in templates. - Generate class-based utilities only (`class="..."`). Avoid Attributify syntax in generated code. - Keep icon/status class strings literal so UnoCSS can statically extract them (`// @unocss-include` when needed). - Use `font-mono` + `tabular-nums` for technical values (paths, SHAs, counters, timestamps, percentages). - For long paths and IDs, truncate visually but keep the full value in `title`. - Read the brief and set the three dials before choosing a look (core-design-read). - Borders for dense or structural surfaces, layered shadows for elevated ones (features-micro-interactions). - Zero em-dash and en-dash characters in any user-facing text (best-practices-anti-slop).