Проверка рекомендаций по дизайну веб-интерфейса
При проверке интерфейсов часто упускают проблемы доступности, удобства использования и согласованности. Этот навык получает 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 エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「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.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/antfu-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/antfu-web-design-guidelines?utm_source=security_passport_badge)<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>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@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}
}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"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
vercel-labs-web-design-guidelines
2026-09-09
zhanlincui-web-design-guidelines
2026-09-09
supercent-io-web-design-guidelines
2026-09-09
Проверить измененные файлы интерфейса перед слиянием и вернуть точные замечания в формате file:line.
Проверить, следует ли реализованный UI-код рекомендациям по доступности и взаимодействию.
Запустить сфокусированную проверку по рекомендациям перед запуском, чтобы обнаружить заметные проблемы качества.
Проверь 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. Приоритизируй проблемы доступности и навигации.
作成者
antfuライセンス
MIT
作者バージョン
v1.0.0
Skillstore リビジョン
r2
参照
89edfdc710d0846129dcee6a929477b04f08052c
メンテナンスの新しさ
2026/7/26
利用状況
12 ダウンロード · 188 閲覧
Повышение надежности 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 станут полезными. Этот навык собирает сведения о продукте, платформе, технологиях, доступности и дизайне в переиспользуемый документ контекста.