Установка скиллов и плагинов OpenClaw осуществляется на ваш страх и риск. Все файлы были получены из открытых источников и предоставляются «как есть». Мы не гарантируем их корректную работу, безопасность или совместимость с вашей системой. Перед установкой настоятельно рекомендуется ознакомиться с содержимым кода и убедиться, что вы понимаете, какие изменения будут внесены в вашу систему.
HTML: паттерны и типичные ошибки
Семантические элементы важны для SEO и доступности — используйте , , , . Скринридеры напрямую зависят от структуры документа.
— кнопки предназначены для действий, ссылки — для навигации. Их смешивание ломает UX, особенно для клавиатуры и ассистивных технологий.
Атрибут alt у изображений — для декоративных картинок используйте пустой alt="", а не отсутствие атрибута. Иначе скринридер озвучит имя файла.
Самозакрывающиеся теги — в HTML5 вообще недопустим.
ID должен быть уникальным — дубли ломают querySelector, привязку label и ARIA. Для стилей используйте классы.
допускает символы e, +, - — реальную валидацию делайте на сервере.
Скрытый контент остаётся в DOM — display: none убирает элемент для скринридеров, а visibility: hidden — нет.
CSS: паттерны и подводные камни
margin: auto требует ширины — без заданной width или max-width центрирования не будет.
z-index работает только с позиционированием — нужен position: relative|absolute|fixed|sticky.
gap в flexbox уже поддерживается — современные браузеры избавляют от хака с margin.
auto-fit vs auto-fill — auto-fit схлопывает пустые колонки, auto-fill сохраняет их.
100vh на мобильных включает адресную строку — используйте 100dvh или JS для корректной высоты.
:focus-visible — отображает фокус только для клавиатуры, не ломая UX мыши.
Слои каскада (@layer) — позволяют управлять специфичностью без злоупотребления !important.
CSS-переменные имеют область видимости — объявляйте на :root для глобальных значений или локально для компонентов.
calc() чувствителен к пробелам — calc(100% - 20px) работает, а calc(100% -20px) — нет.
transform-origin по умолчанию в центре — для вращения от угла явно задайте transform-origin: top left.
Файл из источника