Codex Premium Website Skills
Библиотека из 80 скиллов для Codex: дизайн-направление, фронтенд, анимации, доступность, проверка и передача сайтов
- 137 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Установщик копирует файлы скиллов в каталог агента, а сами скиллы содержат инструкции для проверок сайтов
- Часть рабочих процессов запускает инспекцию в браузере по вашей просьбе
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/codex-premium-website-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Установщик копирует файлы скиллов в каталог агента, а сами скиллы содержат инструкции для проверок сайтов
- Часть рабочих процессов запускает инспекцию в браузере по вашей просьбе
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Codex Premium Website Skills собирает в одном репозитории отобранную коллекцию `public-core` из 80 скиллов для сайтов и интерфейсов. В ней выбор дизайн-направления, фронтенд-реализация, анимации, доступность, проверка качества, правка текстов, безопасность поддержки проекта и рабочие процессы оценки агентов. Названия вроде `accessibility-audit-websites`, `anti-generic-website-review`, `animation-jank-qa` и `browser-inspection-workflow` показывают, как разделены задачи. Установка идет скриптом `python3 scripts/install_skills.py`: сначала с `--dry-run`, затем без него. Для первой пробы есть меньшая коллекция `--collection taste-and-build-gates`. Для Claude Code подходят папки `SKILL.md` из `adapters/claude-code/`, для Cursor есть адаптер правил проекта, для Gemini CLI адаптер контекста. Автор приложил доказательства: девять локальных сайтов-примеров в `examples/premium-website-showcase/` и два парных замера с одинаковым запросом. В замере Atlas результат вырос с 19 до 23 из 30, в замере Signal / Matter с 23 до 28 из 30.
Для кого. Фронтенд-разработчикам и дизайнерам-инженерам, которые строят сайты и лендинги в Codex и хотят единый набор проверок вкуса, доступности и анимации.
Подходит, если
- Нужен обзор главной страницы перед запуском с самыми сильными улучшениями
- Сайт выглядит шаблонно, и надо пройти проверку на безликий дизайн
- Анимации дергаются или перегружают страницу, и требуется проверка плавности
- Перед сдачей надо пройти аудит доступности и производительности
- Хочется поставить небольшой набор для первой пробы: `taste-and-build-gates`
Не подходит, если
- Задача не про интерфейс и сайты: большая часть набора посвящена фронтенду
- Нужен нативный клиент Claude Code без адаптера: библиотека написана для Codex в первую очередь
- Нужна готовая тема или шаблон сайта: набор дает проверки и рабочие процессы
- Требуется официальный набор вендора: проект неофициальный
Пример запроса к агенту
Используй скиллы для сайтов в Codex: проверь мою главную страницу и назови улучшения с самым большим эффектом до запускаОграничения
- Проект неофициальный, написан в первую очередь для Codex; для Claude Code, Cursor и Gemini CLI уровень поддержки описан в `COMPATIBILITY.md`.
- Опубликованные архивы релизов фиксируют снимок и могут отставать от последних исправлений в ветке `main`.
- Результаты замеров получены на двух запусках с одной моделью и тремя файлами, автор сам перечисляет их ограничения в `BENCHMARKS.md`.
- Установщик копирует скиллы в каталог Codex: после установки начните новый разговор, чтобы обнаружение скиллов обновилось.
Как отключить. Удалите скопированные папки скиллов из каталога Codex (`~/.codex/skills`) и клон репозитория. Для Claude Code удалите папки, добавленные из `adapters/claude-code/`.
Частые вопросы
Как установить Codex Premium Website Skills?
Выполните `git clone https://github.com/TheGoat395/Codex-Skills.git`, перейдите в папку и запустите `python3 scripts/install_skills.py --dry-run`, затем `python3 scripts/install_skills.py`. Начните новый разговор в Codex.
Можно ли поставить только часть скиллов?
Да, `python3 scripts/install_skills.py --collection taste-and-build-gates` ставит меньший набор для первой пробы вместо всей коллекции из 80 скиллов.
Работают ли скиллы в Claude Code и Cursor?
Для Claude Code подходят папки `SKILL.md` из `adapters/claude-code/`, для Cursor есть адаптер правил проекта. Уровни поддержки собраны в `COMPATIBILITY.md`.
Есть ли доказательства, что скиллы улучшают результат?
В репозитории лежат два парных замера: 19 и 23 из 30 в Atlas, 23 и 28 из 30 в Signal / Matter, с исходниками и скриншотами. Автор называет ограничения в `BENCHMARKS.md`.
Какую свежесть версий брать?
Для новейших проверенных правок берите текущую ветку `main`. Архивы релизов фиксируют версию и могут быть старше последних исправлений.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСборник скиллов Claude Code по копирайтингу, рекламе, SEO и дизайну интерфейсов: Ogilvy, редактура, правила и CSS-приемы.
julianromli/ai-skills
ai-skills
Сборник из 31 скилла для Claude Code и других агентов: интерфейсы, React, Postgres, код-ревью, SEO и браузерная автоматизация
35 скиллов для Cursor, Claude и Codex: дизайн-системы из HTML и макетов, генерация картинок, допрос по плану и передача контекста.
Скилл для сборки премиальных скролл-сайтов с реальным дизайн-стандартом: типографика, ритм, глубина, движение и проверка в браузере
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
145 плагинов-скиллов для Claude Code и Codex: Cloudflare, React, Tailwind, Nuxt, API, безопасность, тесты, ставятся по одному
Коротко о README
Страница представляет неофициальную библиотеку скиллов для Codex, дает таблицу поддержки Codex, Claude Code, Cursor и Gemini CLI и быстрый старт из трех команд. Затем идут демонстрационная галерея сайтов, два измеренных сравнения с результатами и перечень файлов с доказательствами.