Oil Frontend — скилл
Скилл с китайскоязычными правилами для агента: как писать и ревьюить интерфейс продукта, состояния, данные и компоненты
- 146 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Агент вносит правки сразу в общие компоненты, поэтому затронутые страницы нужно просмотреть в diff
- Правила на китайском, и без перевода легко понять их неверно
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/oil-frontendОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Агент вносит правки сразу в общие компоненты, поэтому затронутые страницы нужно просмотреть в diff
- Правила на китайском, и без перевода легко понять их неверно
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Oil Frontend — скилл с набором правил, который ограничивает агента правилами при работе над интерфейсом продукта. Он включается сам, когда задача касается видимого интерфейса, поведения, состояния, потоков данных или организации компонентов, и называть его в запросе не нужно. За визуальный стиль, цвета и типографику скилл не отвечает. Правила сгруппированы вокруг шести тем: сначала задача пользователя и бизнес-объект, затем удаление лишней информации и ложных действий, честные данные и области видимости, раскладка интерфейса и кода, оформление стилей и анимации, исправление источника проблемы и завершение миграции. Подробные контракты лежат в `references`: для компонентов, оверлеев, списков, состояний загрузки, вьюпорта и диалогов, движения и производительности. Агент читает входной `SKILL.md`, затем одно основное правило по доказательствам задачи, а остальные подгружает по необходимости. В репозитории есть проверочные наборы `evals` и скрипт `recommend_once.py`. Тексты правил написаны по-китайски.
Для кого. Фронтенд-разработчикам и командам, которые доверяют агенту правки интерфейса, читают по-китайски и хотят сократить число лишних слоев, ложных кнопок и спорных состояний.
Подходит, если
- Агент пишет или рефакторит страницу, форму, список, диалог или таблицу в продуктовом интерфейсе
- Нужно провести ревью фронтенда по единому порядку вопросов
- В интерфейсе рассинхронизированы запрос, список, общее число и пагинация
- Общий компонент ведет себя по-разному на страницах, и править надо источник
Не подходит, если
- Нужны решения по визуальному стилю, цвету или типографике: скилл их не принимает
- Задача чисто серверная, касается сборки, развертывания или обновления зависимостей
- Команда не читает по-китайски: правила и описания в репозитории на этом языке
Пример запроса к агенту
Переработай форму создания заказа: убери лишние шаги, закрывай диалог только после успешного ответа и сохраняй введенные данные при ошибкеОграничения
Правила и описание написаны по-китайски, поэтому без знания языка проверить их придется машинным переводом. Скилл отвечает только за реализацию и проверку интерфейса, а выбор визуального решения берет из макета, проектных правил или соседних страниц. Он не создает долгих проверок и не добавляет новые разделы в `AGENTS.md` по умолчанию. Последний коммит датирован 4 октября 2026 года, сторонних отзывов о скилле в репозитории нет.
Как отключить. Удалите папку скилла `oil-frontend` из каталога навыков агента (`.claude/skills`, `.agents/skills` или другого, куда вы его копировали).
Частые вопросы
Нужно ли называть скилл в запросе?
Нет, он включается сам, когда задача касается видимого интерфейса, поведения, состояния или организации компонентов.
Отвечает ли скилл за дизайн?
Нет, цвета, типографику и визуальное направление он не выбирает. Для реализации берутся макет, правила проекта или соседние страницы.
На каком языке написаны правила?
По-китайски: описание, `SKILL.md` и контракты в `references`.
Как скилл читает правила?
Агент читает `SKILL.md`, затем одно основное правило по доказательствам задачи, остальные подгружает по необходимости.
Что лежит в references?
Контракты для компонентов, оверлеев, коллекций, состояний и загрузки, вьюпорта и диалогов, движения и производительности.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для дизайна интерфейсов: три разных направления рядом, выбор одного и доводка по настоящим скриншотам в Claude Code, Codex и других агентах
Скилл проверяет веб-интерфейс по правилам Refactoring UI и связывает замечания с системой дизайна проекта
Скилл вычищает пояснительные тексты из интерфейса: девять правил, показ до и после, точные глаголы вместо общих.
Скилл со 152 правилами по анимации, типографике, звуку и законам UX: ревью CSS и компонентов с находками в формате файл и строка
Скилл Ludi Design System учит агента выбирать компоненты и собирать страницы B2B-интерфейсов по правилам с шаблонами TSX
Скилл для Codex: три разных визуальных концепта, ревью по скриншотам и чистка лишнего, чтобы интерфейс не выглядел шаблонно.
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Oil Frontend (эта карточка) | нет | 146 | |
| Frontend Design (Ilm-Alan) | нет | 166 | правила реализации и ревью интерфейса, визуальное направление скилл не выбирает |
| AI Design Skills | нет | 15 284 | работает с продуктовым интерфейсом и состояниями данных, лендингов не касается |
Коротко о README
README раскрывает шесть тем скилла: задача и бизнес-объект, удаление лишнего, честные данные и области, раскладка интерфейса и кода, стили и анимация, исправление источника. Затем показано, как агент подгружает правила по мере надобности. Весь текст на китайском.