Скиллы Энтони Фу

Установка

pnpx skills add antfu/skills --skill='*'

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

Что делает

Энтони Фу, участник команд 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.

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

Добавь в Nuxt-проект серверный маршрут для списка заказов и покрой его тестом на Vitest

Ограничения

Автор называет проект экспериментом и прямо пишет, что не проверял в полной мере, насколько хорошо скиллы работают на практике. Скиллы antfu и antfu-design отражают личные предпочтения. Сторонние скиллы сохраняют свои лицензии.

Как отключить. Удалите установленные скиллы через CLI skills или папки скиллов из каталога агента.

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

• Скиллы состоят из документации и соглашений

Коротко о README

README делит скиллы на три группы: поддерживаемые вручную, сгенерированные из документации и подтянутые из сторонних репозиториев, для каждого указан источник. Установка одной командой через CLI skills. Автор объясняет разницу между скиллами, llms.txt и AGENTS.md и описывает, как сделать собственную коллекцию по этому шаблону. Лицензия MIT.

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).

Похожие