unocss
Настраивайте UnoCSS быстрее
Настройка UnoCSS может быть сложной, когда взаимодействуют пресеты, shortcuts, варианты и интеграции. Этот skill дает Claude, Codex и Claude Code сфокусированные справочные рекомендации для практической работы с UnoCSS.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "unocss" from https://skillstore.io/skills/antfu-unocss.md and its manifest at https://skillstore.io/api/skills/antfu-unocss/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «unocss». Приложению Vue нужен UnoCSS с icons, typography и variant groups.
Ожидаемый результат:
План настройки со списком необходимых packages, разделов конфигурации, регистрации plugin и проверок существующих файлов конфигурации UnoCSS.
Использование «unocss». Команда повторяет строки utilities для button и badge в разных компонентах.
Ожидаемый результат:
Предложение по дизайну shortcuts с рекомендациями по именованию, согласованием с tokens и примечаниями о том, когда уместны dynamic shortcuts.
Использование «unocss». В проекте Nuxt есть сгенерированные настройки UnoCSS и локальные overrides.
Ожидаемый результат:
Краткий обзор, объясняющий, как безопасно расширять объединенную конфигурацию и где хранить project-specific shortcuts.
Аудит безопасности
БезопасноAll 50 static findings are false positives in documentation examples or ordinary prose. The skill contains no executable scripts, prompt injection, credential access, command execution, or covert network behavior.
Факторы риска
⚙️ Внешние команды (26)
📁 Доступ к файловой системе (4)
🌐 Доступ к сети (4)
⚡ Содержит скрипты (2)
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/antfu-unocss/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/antfu-unocss?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/antfu-unocss?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-unocss/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/antfu-unocss.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Академические ссылки (APA · BibTeX · CFF)
Цитата APA
antfu. (2026). unocss security audit report (audit version 5) [Author version 2026.1.28]. Skillstore. https://skillstore.io/skills/antfu-unocss/audits/5Цитата BibTeX
@techreport{antfu-antfu-unocss-2026,
author = {antfu},
title = {unocss security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-unocss/audits/5},
note = {Author version 2026.1.28}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "unocss security audit report (audit version 5)"
version: "2026.1.28"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-unocss/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-unocss:audit:5"
description: "Skillstore immutable audit report identifier"
Оценка Skillstore
Почему такая оценка Достоверность доказательств: ВысокийЧто вы можете построить
Настроить UnoCSS
Добавьте конфигурацию проекта, выберите пресеты и подключите UnoCSS к Vite или Nuxt.
Спроектировать Utility APIs
Создавайте rules, shortcuts, safelists и variants, которые соответствуют дизайн-системе.
Перенести паттерны Tailwind
Сопоставьте привычные рабочие процессы Tailwind CSS utilities с пресетами и transformers UnoCSS.
Попробуйте эти промпты
Помоги мне создать базовую конфигурацию UnoCSS для этого проекта. Сначала проверь существующие файлы конфигурации, затем предложи безопасные пресеты и imports.
Проверь мои повторяющиеся utility classes и предложи UnoCSS shortcuts. Сохраняй имена понятными и совместимыми с текущей настройкой пресетов.
Спроектируй статические и динамические rules UnoCSS для этих design tokens. Объясни matching, поведение сгенерированного CSS и edge cases.
Проведи аудит моей интеграции UnoCSS с Vite или Nuxt. Проверь presets, transformers, extraction, safelist, layers и компромиссы производительности.
Лучшие практики
- Проверяйте uno.config.* или unocss.config.* перед рекомендацией продвинутого синтаксиса.
- Предпочитайте явное использование классов, если проект уже не включает attributify или tagify modes.
- Держите пользовательские rules и shortcuts согласованными с существующими theme tokens.
Избегать
- Не предполагайте, что каждый Tailwind plugin или class работает без проверки активного preset.
- Не добавляйте attributify, tagify или transformers без подтверждения поддержки в проекте.
- Не создавайте широкие dynamic rules, когда небольшое static rule или shortcut понятнее.
Часто задаваемые вопросы
С чем помогает этот skill?
Поддерживает ли он пользователей Tailwind CSS?
Может ли он сгенерировать полноценную дизайн-систему?
Выполняет ли он команды UnoCSS?
Должны ли agents сначала проверять локальные файлы?
Какие интеграции охвачены?
Сведения для разработчиков
Автор
antfuЛицензия
MIT
Версия автора
v2026.1.28
Ревизия Skillstore
r2
Ссылка
89edfdc710d0846129dcee6a929477b04f08052c
Актуальность поддержки
25.07.2026
Использование
13 загрузок · 180 просмотров
Структура файлов