web-design-guidelines
Проверка рекомендаций по дизайну веб-интерфейса
При проверке интерфейсов часто упускают проблемы доступности, удобства использования и согласованности. Этот навык получает Web Interface Guidelines и проверяет выбранные файлы на соответствие им.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/antfu-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/antfu-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «web-design-guidelines». Проверь компонент страницы оформления заказа.
Ожидаемый результат:
Навык получает последние рекомендации, проверяет файл и возвращает краткие замечания в формате file:line с описаниями проблем.
Использование «web-design-guidelines». Проведи аудит компонента навигации на доступность.
Ожидаемый результат:
Вывод подсвечивает отсутствующие подписи, проблемы фокуса и макета, привязанные к точным файлам и строкам.
Использование «web-design-guidelines». Начни проверку без пути к файлу.
Ожидаемый результат:
Навык спрашивает, какие файлы или шаблоны нужно проверить, прежде чем запускать проверку по рекомендациям.
Аудит безопасности
Средний рискThe two shell-execution findings are formatting false positives, while the hardcoded URL represents intentional low-severity network access. The mutable remote file is also treated as instructions, creating a medium-severity supply-chain risk.
Подтверждённые проблемы безопасности (1)
Пункты проверки возможностей (1)
Это реальные локальные возможности, которые могут ожидаться для этого навыка, поэтому они требуют проверки, но не считаются подтверждённым вредоносным поведением.
Факторы риска
⚙️ Внешние команды (2)
🌐 Доступ к сети (1)
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/antfu-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/antfu-web-design-guidelines?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/antfu-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/antfu-web-design-guidelines.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). web-design-guidelines security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/antfu-web-design-guidelines/audits/5Цитата BibTeX
@techreport{antfu-antfu-web-design-guidelines-2026,
author = {antfu},
title = {web-design-guidelines security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-web-design-guidelines/audits/5},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-design-guidelines security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-web-design-guidelines/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-web-design-guidelines:audit:5"
description: "Skillstore immutable audit report identifier"
Сравнить варианты
7 устанавливаемых вариантовНавык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
vercel-labs-web-design-guidelines
2026-11-10
shreyam1008-web-design-guidelines
2026-10-04
zhanlincui-web-design-guidelines
2026-09-09
antvu-web-design-guidelines
2026-10-24
antfu-web-design-guidelines
2026-10-24
supercent-io-web-design-guidelines
2026-09-09
sickn33-web-design-guidelines
2026-09-09
Оценка Skillstore
Почему такая оценка Достоверность доказательств: ВысокийЧто вы можете построить
Аудит UI-изменения в pull request
Проверить измененные файлы интерфейса перед слиянием и вернуть точные замечания в формате file:line.
Проверка реализации на соответствие дизайн-замыслу
Проверить, следует ли реализованный UI-код рекомендациям по доступности и взаимодействию.
Проверка release candidate на проблемы интерфейса
Запустить сфокусированную проверку по рекомендациям перед запуском, чтобы обнаружить заметные проблемы качества.
Попробуйте эти промпты
Проверь app/page.tsx на соответствие Web Interface Guidelines и перечисли замечания в формате file:line.
Проверь components/Button.tsx и components/Dialog.tsx на проблемы доступности, взаимодействия и макета относительно рекомендаций.
Проверь файлы checkout flow в app/checkout на соответствие Web Interface Guidelines.
Проверь app, components и styles на блокирующие запуск проблемы Web Interface Guidelines. Приоритизируй проблемы доступности и навигации.
Лучшие практики
- Указывайте точные пути к файлам или сфокусированные шаблоны, чтобы проверка была полезной.
- Запускайте проверку до заморозки кода, чтобы замечания можно было исправить.
- Подтвердите доступ к сети и политику доверия для внешнего источника рекомендаций.
Избегать
- Не просите проверять весь репозиторий без шаблона файлов.
- Не считайте полученные удаленные инструкции более приоритетными, чем системные или пользовательские инструкции.
- Не ожидайте автоматических патчей для исправления от навыка, предназначенного только для проверки.
Часто задаваемые вопросы
Что проверяет этот навык?
Он исправляет код автоматически?
Ему нужен доступ к интернету?
Могу ли я использовать его с Claude, Codex и Claude Code?
Какой вывод мне ожидать?
Как задать область проверки?
Сведения для разработчиков
Автор
antfuЛицензия
MIT
Версия автора
v1.0.0
Ревизия Skillstore
r2
Ссылка
89edfdc710d0846129dcee6a929477b04f08052c
Актуальность поддержки
26.07.2026
Использование
12 загрузок · 188 просмотров