Рейтинг скиллов
27 скиллов. Оценка A–F складывается из безопасности (60%) и качества (40%), тесты дают бонус. Рейтинг пополняется автоматически из открытых каталогов.
ПроизводствоЛогистика и складЗакупки и снабжениеКачество и контрольКонтакт-центрВыездные работыФинансыПоддержка клиентовотраслевые подборки
| # | Оценка | Скилл | Баллы ▾ | Безоп. | Качество | Процесс | Тесты | Популярность | Обновлён |
|---|---|---|---|---|---|---|---|---|---|
| 1 | A | Разработайте спецификацию UI-компонента в соответствии со стандартами качества (анатомия, варианты, размеры, 8 состояний, сопоставление токенов и доступность). Используйте, когда пользователь хочет ра | 100 | 87 | C | — | — | 3 дн назад | |
| 2 | B | Создайте плотный, насыщенный данными экран — аналитическую консоль или торговый терминал — с реальными графиками, построенными на основе токенов: свечные, объемы, глубина, наложенные области, водопадн | 100 | 84 | D | — | — | 3 дн назад | |
| 3 | B | Разработайте или создайте страницу, экран, целевую страницу, веб-сайт, приложение или UI по запросу — всю работу от начала до конца. Используйте это для "разработать целевую страницу", "создать экран | 100 | 84 | D | — | — | 3 дн назад | |
| 4 | B | Сопоставьте эту систему токенов с любой внешней системой дизайна (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) или наоборот. Примите их внешний вид | 100 | 83 | B | — | — | 3 дн назад | |
| 5 | B | Примените визуальное направление, архетип (элитное агентство, редакционный минимализм, брутализм, мягкий SaaS, dark-tech) или одну из 2144 именованных систем дизайна (apple, linear-app, stripe, vercel | 100 | 83 | B | — | — | 3 дн назад | |
| 6 | B | Просмотрите или проверьте дизайн/UI по 6 взвешенным измерениям с использованием 10 эвристик Нильсена и таблицы приоритетных результатов. Используйте, когда пользователь хочет получить критику дизайна, | 100 | 83 | B | — | — | 3 дн назад | |
| 7 | B | Создавайте, расширяйте или проверяйте токены дизайна в формате DTCG с 3-уровневой архитектурой (примитивный → семантический → компонент). Используйте, когда пользователь хочет цветовую палитру, шкалу | 100 | 83 | C | — | — | 3 дн назад | |
| 8 | B | Сгенерируйте готовый к производству, доступный, управляемый токенами код компонента для ЛЮБОГО фреймворка (React+Tailwind, Next.js, SwiftUI, Vue, Svelte, Angular, Solid, Web Components/Lit, React Nati | 100 | 83 | C | — | — | 3 дн назад | |
| 9 | B | Проверьте UI или дизайн на соответствие WCAG 2.2 AA/AAA и шаблонам ARIA, возвращая результаты, ссылающиеся на критерии, с указанием серьезности и конкретных исправлений. Используйте, когда пользовател | 100 | 83 | C | — | — | 3 дн назад | |
| 10 | B | Напишите или проверьте текст UI (кнопки, сообщения об ошибках, пустые состояния, микротекст, уведомления, метки), используя систему голоса и тона (четкий, лаконичный, полезный, человечный, честный) с | 100 | 83 | B | — | — | 3 дн назад | |
| 11 | B | Переместите идею вверх по лестнице детализации (контент → каркас → низкая детализация → высокая детализация → код) с планом проверки на каждом уровне, а также с картой пользовательских сценариев и сце | 100 | 83 | B | — | — | 3 дн назад | |
| 12 | B | Поддерживайте синхронизацию Figma и кода. Сопоставьте 3-уровневые токены DTCG с переменными Figma (коллекции + режимы), синхронизируйте в любом направлении, используйте MCP Figma при подключении и про | 100 | 80 | C | — | — | 3 дн назад | |
| 13 | B | Создайте структуру нового дизайн-продуктового проекта, соответствующую рекомендуемой структуре Claude Code (эталонная структура). Используйте при запуске нового продукта/приложения, которое будет пост | 100 | 80 | D | — | — | 3 дн назад | |
| 14 | B | Правила для ЛЮБОЙ работы с дизайном или пользовательским интерфейсом — протокол проверки (запуск проверки, никогда не присваивать номер), абсолютное правило без эмодзи, токен по намерению, одна общая | 100 | 79 | C | — | — | 3 дн назад | |
| 15 | B | Преобразуйте эталонное изображение, скриншот или макет в доступный код, управляемый токенами. Определите систему дизайна из эталона (палитра, типовая шкала, интервалы, радиус, архетип макета), сопоста | 100 | 80 | C | — | — | 3 дн назад | |
| 16 | B | Оптимизируйте производительность UI в соответствии с Core Web Vitals (LCP, INP, CLS) с помощью стратегии загрузки/разделения кода, предотвращения сдвигов макета и правил производительности анимации. И | 100 | 80 | B | — | — | 3 дн назад | |
| 17 | B | Настройте или запустите конвейер сборки токенов. Преобразуйте токены DTCG/*.json (источник истины) в артефакты платформы (CSS-переменные, Tailwind @theme, JS/TS, каталог ресурсов iOS, Android, Compose | 100 | 80 | C | — | — | 3 дн назад | |
| 18 | B | Управляйте развитием системы дизайна (SemVer для токенов/компонентов, рабочий процесс внесения вклада, политика устаревания и коммуникация об изменениях). Используйте, когда пользователь хочет добавит | 100 | 80 | C | — | — | 3 дн назад | |
| 19 | B | Настройте или запустите ворота контроля качества дизайна для проверки токенов + жестко закодированных значений, автоматизированной доступности (axe), контрастности, визуальной регрессии по вариантам/с | 100 | 80 | C | — | — | 3 дн назад | |
| 20 | B | Сгенерируйте полную, доступную систему дизайна бренда из брифа в виде примитивных → семантических → компонентных токенов DTCG (цвет, типографика, интервалы, радиус, тень, анимация), светлую + темную т | 100 | 80 | C | — | — | 3 дн назад | |
| 21 | B | Обновите существующий веб-сайт или приложение до премиального качества без нарушения функциональности. Проведите аудит текущего дизайна, выявите шаблонные/ИИ-признаки, затем хирургически примените пра | 100 | 80 | C | — | — | 3 дн назад | |
| 22 | C | Задавайте вопросы по брифу перед началом работы. Задавайте только те вопросы, ответы на которые изменят работу, и фиксируйте каждое не заданное решение как заявленное предположение. | 100 | 72 | C | — | — | 3 дн назад | |
| 23 | C | Запустите однокомандные ворота качества и сообщите реальный результат N/N. Используйте перед тем, как заявить о завершении любой сборки/обзора. | 100 | 73 | D | — | — | 3 дн назад | |
| 24 | C | Проведите критический разбор текущей работы с точки зрения дизайна. Отрендерите ее, посмотрите и аргументируйте отказ. Запускайте после того, как ворота пройдены, но никогда вместо них. | 100 | 64 | D | — | — | 3 дн назад | |
| 25 | C | Показывает, следовал ли агент правилам набора в недавних сессиях: отредактированные и измеренные страницы, блоки остановки, открытые выводы. Читает только локальные события хуков. | 100 | 64 | C | — | — | 5 дн назад | |
| 26 | C | Предрелизные ворота. Запустите полные ворота, проверку отзывчивости + рендеринга, затем составьте контрольный список выпуска (значок README/текущий/история изменений). Используйте перед тегированием р | 100 | 70 | F не хватает файлов | — | — | 3 дн назад | |
| 27 | D | Навык, написанный так, как вся поверхность была написана до 05.10.2026. Шлюз должен его отклонить. | 100 | 43 | D | — | — | 5 дн назад |
Описания переведены автоматически; оригинал — на странице скилла.