juliobsz/skills

Что это?

Ключевые возможности

• 01Преобразует краткое описание в концепцию, дизайн-систему и готовый сайт
• 02Записывает правила для цветовой палитры, типографики, сетки и анимации в DESIGN.md
• 03Создаёт сайты на Next.js (App Router) или Astro с использованием GSAP, Lenis и OGL
• 04Проверяет результат с помощью production-сборок, аудита с обходом страниц, axe и скриншотов из настоящего браузера
• 05Включает /jury для оценки любого сайта и ранжирования исправлений по ожидаемому эффекту

Сценарии использования

• Создание персонального портфолио или сайта студии по краткому описанию с помощью AI-агента для написания кода
• Редизайн существующей landing page, чтобы усилить её визуальное впечатление
• Аудит SEO, доступности и производительности сайта с помощью скриптов jury
• Сравнение сайта конкурента со структурированной шкалой оценки дизайна

Быстрый старт

1. 1

   Установите навык awwwards глобально с помощью skills CLI

   npx skills add juliobsz/skills -g
2. 2

   Откройте новую сессию агента и попросите создать сайт или введите /awwwards

Что важно знать

• !Полный запуск требует длительной сессии и большого количества токенов.
• !Результаты зависят от способности базовой модели оценивать собственные скриншоты.
• !На сайтах есть контент-заполнитель, который нужно заменить реальными проектами и текстами.
• !Оценка /jury — это независимая приблизительная оценка, проверенная лишь на двух сайтах.

Темы

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

Что такое skills?

Навык для AI-агентов, который помогает создавать по краткому описанию эффектные сайты в стиле Awwwards, а навык /jury оценивает готовые сайты. awwwards — это навык для AI-агентов, пишущих код, например Claude Code, Codex и Antigravity. Получив краткое описание вроде «сделай мне портфолио, меня зовут Хулио», он проходит этапы разработки концепции, арт-дирекшена, сборки и QA, стремясь избежать типового вида, которым часто отличаются сайты, созданные ИИ. Навык записывает дизайн-систему в DESIGN.md, выбирает концепцию и ключевой анимационный момент, а затем создаёт сайт на Next.js или Astro с использованием GSAP, Lenis и OGL для анимации и WebGL.

skills можно использовать бесплатно? Какая у него лицензия?

skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

skills всё ещё поддерживается?

Активно поддерживается. Последний коммит в skills — 18 окт. 2026 г..

Для чего можно использовать skills?

Создание персонального портфолио или сайта студии по краткому описанию с помощью AI-агента для написания кода Редизайн существующей landing page, чтобы усилить её визуальное впечатление Аудит SEO, доступности и производительности сайта с помощью скриптов jury Сравнение сайта конкурента со структурированной шкалой оценки дизайна

Как установить skills?

Установите навык awwwards глобально с помощью skills CLI: npx skills add juliobsz/skills -g Откройте новую сессию агента и попросите создать сайт или введите /awwwards

Где скачать skills?

Исходный код и инструкции по установке — на GitHub: https://github.com/juliobsz/skills