Проверка веб-интерфейсов по рекомендациям UI
Дизайн-ревью сложно проводить единообразно с учетом доступности, UX и правил интерфейса. Этот навык применяет внешние Web Interface Guidelines к выбранным файлам и сообщает краткий список проблем.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/antvu-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/antvu-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «web-design-guidelines». Проверь мои компоненты дашборда.
Ожидаемый результат:
Краткий список проблем с указанием файлов и строк, сгруппированный по влиянию на рекомендации.
Использование «web-design-guidelines». Проверь доступность страницы настроек.
Ожидаемый результат:
Выводы, сосредоточенные на метках, доступе с клавиатуры, порядке фокуса, контрасте и сообщениях об ошибках.
Использование «web-design-guidelines». Проведи аудит этого UI перед релизом.
Ожидаемый результат:
Приоритизированное ревью блокирующих проблем интерфейса и небольших улучшений полировки.
The two external-command findings are false positives caused by Markdown backticks and a fenced URL block; neither executes a shell command. The skill intentionally fetches mutable remote instructions, creating a network dependency and an indirect prompt-injection or supply-chain risk.
Это реальные локальные возможности, которые могут ожидаться для этого навыка, поэтому они требуют проверки, но не считаются подтверждённым вредоносным поведением.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/antvu-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/antvu-web-design-guidelines?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/antvu-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antvu-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/antvu-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>antfu. (2026). web-design-guidelines security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/antvu-web-design-guidelines/audits/5@techreport{antfu-antvu-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/antvu-web-design-guidelines/audits/5},
note = {Author version 1.0.0}
}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/antvu-web-design-guidelines/audits/5"
identifiers:
- type: other
value: "skillstore:antvu-web-design-guidelines:audit:5"
description: "Skillstore immutable audit report identifier"
Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
vercel-labs-web-design-guidelines
2026-09-09
zhanlincui-web-design-guidelines
2026-09-09
antvu-web-design-guidelines
2026-09-09
antfu-web-design-guidelines
2026-09-09
supercent-io-web-design-guidelines
2026-09-09
sickn33-web-design-guidelines
2026-09-09
Проверка файлов компонентов перед слиянием, чтобы выявить проблемы UI, доступности и взаимодействия.
Оценка общих компонентов по правилам интерфейса перед публикацией новой версии пакета.
Запуск краткого UX-ревью и проверки доступности важных страниц перед релизом.
Проверь `app/page.tsx` по Web Interface Guidelines и перечисли краткие выводы.
Проверь все файлы в `src/components/**/*.tsx` на проблемы доступности, макета и взаимодействия согласно рекомендациям.
Проверь `app/settings/**` и сосредоточься на удобстве форм, состояниях ошибок, доступе с клавиатуры и адаптивном поведении.
Проверь `app/dashboard/**` и `src/components/data-table/**`. Приоритизируй блокирующие релиз проблемы UI, доступности и UX.
Автор
antfuЛицензия
MIT
Версия автора
v1.0.0
Ревизия Skillstore
r2
Ссылка
89edfdc710d0846129dcee6a929477b04f08052c
Актуальность поддержки
25.07.2026
Использование
16 загрузок · 181 просмотров
Повышение надежности Vue Router Guard
Ошибки в Vue Router могут приводить к устаревшим данным, обходу проверок и циклам перенаправления. Этот навык дает сфокусированные паттерны для безопасных guards, обновлений маршрутов, очистки и production-маршрутизации.
Улучшение качества тестов Vue
Тестирование Vue часто дает сбои из-за асинхронных таймингов, хрупкой привязки к внутренней реализации и слабых снимков. Этот навык направляет Claude, Codex и Claude Code к надежным паттернам Vitest, Vue Test Utils и Playwright.
Улучшение типобезопасности Vue 3
В проектах на Vue часто возникают пограничные случаи с шаблонами, Volar, роутером и TypeScript, которые замедляют ревью. Этот навык дает сфокусированные правила для Vue 3, помогающие делать компоненты, конфигурации и тесты безопаснее.
Создавайте компоненты Vue 3 с уверенностью
Командам Vue нужны актуальные рекомендации по компонентам, реактивности и паттернам TypeScript. Этот навык дает Claude, Codex и Claude Code сфокусированные справочные материалы по Vue 3.5.
Создавайте приложения Vite быстрее
Проекты Vite требуют тщательной настройки разработки, сборок, плагинов и развертывания. Этот навык дает краткие рекомендации для распространенных рабочих процессов Vite.
Создание надежных наборов тестов Vitest
Современным JavaScript-проектам нужны быстрые тесты, соответствующие рабочим процессам Vite. Этот навык проводит Claude, Codex и Claude Code через настройку Vitest, моки, покрытие, фикстуры, фильтрацию, снапшоты и использование в CI.
Build Accessible Tailwind Interfaces
от nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Аудит веб-доступности на соответствие WCAG
от 89jobrien
Пробелы в доступности могут блокировать пользователей и создавать риски несоответствия требованиям. Этот навык помогает проводить аудиты WCAG, проверки со скринридерами, тестирование с клавиатуры и планирование исправлений.
Улучшайте UX с помощью дизайн-рекомендаций на основе исследований
от shubhamsaboo
Команды часто проектируют сценарии на основе предположений и упускают проблемы доступности. Этот навык помогает с исследованиями, структурой, дизайном взаимодействия и ревью, используя лучшие практики UX.
Check designs with deterministic CSS rules
от cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.
Проектируйте доступные интерфейсы продуктов
от sickn33
Командам часто сложно преобразовать потребности пользователей в согласованные и доступные интерфейсы. Этот навык помогает с исследованиями, сценариями, дизайн-системами, токенами и передачей в разработку.
Создание контекста проекта Apple HIG
от sickn33
Проектам для платформ Apple нужен общий дизайн-контекст, прежде чем рекомендации HIG станут полезными. Этот навык собирает сведения о продукте, платформе, технологиях, доступности и дизайне в переиспользуемый документ контекста.