Навыки web-perf
📦

web-perf

Ревизия содержимого r1 Средний риск ⚙️ Внешние команды🌐 Доступ к сети

Audit Web Performance with Chrome DevTools

Slow pages reduce engagement and hide complex loading bottlenecks. This skill records Chrome traces, evaluates Core Web Vitals, and prioritizes measurable fixes.

Поддерживает: Claude Codex Code(CC)
📊 69 Адекватно

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента
Review the Skillstore skill "web-perf" from https://skillstore.io/skills/cloudflare-web-perf.md and its manifest at https://skillstore.io/api/skills/cloudflare-web-perf/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Протестировать

Использование «web-perf». Audit the home page and identify the largest loading delay.

Ожидаемый результат:

LCP needs improvement. The hero image is discovered late through CSS, so preloading and direct markup are the highest-priority fixes.

Использование «web-perf». Review scripts and styles for avoidable blocking work.

Ожидаемый результат:

  • High: Defer the noncritical analytics script that blocks first paint.
  • Medium: Split the route bundle to reduce unused JavaScript on initial load.
  • Low: Keep the stylesheet because its measured blocking impact is negligible.

Использование «web-perf». Check performance and high-level accessibility issues.

Ожидаемый результат:

Performance is strong, but two controls lack accessible names. Confirm keyboard focus behavior manually before release.

Аудит безопасности

Средний риск

All 59 static findings are false positives caused by Markdown formatting, documentation links, or Chrome DevTools MCP method names. One separate medium supply-chain risk remains because the setup executes an unpinned latest package.

1
Просканировано файлов
202
Проанализировано строк
0
Пункты проверки
0
Ложные срабатывания проигнорированы

Подтверждённые проблемы безопасности (1)

Средний
Unpinned Package Execution
The recommended MCP configuration runs chrome-devtools-mcp@latest through npx with automatic approval, allowing future package changes to execute without version review.
Line 27 explicitly combines npx, automatic approval, and the mutable latest tag. This creates a clear dependency supply-chain exposure.
Аудитор:: codex
Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет
Оценка безопасности

Копировать ссылку на отчёт

https://skillstore.io/skills/cloudflare-web-perf/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/cloudflare-web-perf/security.svg)](https://skillstore.io/skills/cloudflare-web-perf?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/cloudflare-web-perf?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cloudflare-web-perf/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/cloudflare-web-perf.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

cloudflare. (2026). web-perf security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cloudflare-web-perf/audits/1

Цитата BibTeX

@techreport{cloudflare-cloudflare-web-perf-2026, author = {cloudflare}, title = {web-perf security audit report (audit version 1)}, institution = {Skillstore}, year = {2026}, number = {1}, url = {https://skillstore.io/skills/cloudflare-web-perf/audits/1}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "web-perf security audit report (audit version 1)" version: "unspecified" type: report authors: - name: "cloudflare" date-released: "2026-08-09" url: "https://skillstore.io/skills/cloudflare-web-perf/audits/1" identifiers: - type: other value: "skillstore:cloudflare-web-perf:audit:1" description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Средний
55
Архитектура
85
Сопровождаемость
87
Контент
65
Сообщество
83
Соответствие спецификации

Что вы можете построить

Improve a Product Page

Trace a slow product page and prioritize loading fixes by estimated impact.

Validate a Performance Release

Compare captured metrics and network behavior after an optimization release.

Plan a Site Speed Sprint

Turn trace evidence into a focused backlog of measurable performance work.

Попробуйте эти промпты

Run a Basic Page Audit
Audit {URL} with a cold-load trace. Report key metrics, the top three issues, and specific fixes ranked by estimated impact.
Investigate Loading Bottlenecks
Analyze {URL} for render blocking, request chains, caching problems, and large payloads. Explain the evidence behind each priority.
Review Performance and Accessibility
Audit {URL} for Core Web Vitals and accessibility gaps. Separate measured findings from observations that require manual verification.
Connect Trace Findings to Code
Trace {URL}, inspect the available codebase, and map major bottlenecks to framework or bundler changes with expected impact.

Лучшие практики

  • Run a cold-load trace before recommending changes.
  • Verify every issue with trace, network, DOM, or code evidence.
  • Prioritize fixes with measurable impact and state uncertainty clearly.

Избегать

  • Do not recommend removing resources without confirming they are unused.
  • Do not treat zero-impact trace observations as priority work.
  • Do not present lab measurements as real-user field data.

Часто задаваемые вопросы

What tools does this skill require?
It requires Chrome DevTools MCP with navigation, tracing, network inspection, and snapshot tools available.
Which performance metrics can it assess?
It assesses captured Core Web Vitals and supporting metrics such as FCP, TBT, TTFB, and Speed Index.
Can it audit any website?
It can inspect pages reachable by the configured browser. Code-level recommendations require access to the related repository.
Does it replace Lighthouse?
No. It uses DevTools traces and insights to provide targeted investigation and implementation guidance.
Can it perform a complete accessibility audit?
No. It identifies high-level snapshot issues, while complete validation still requires automated and manual accessibility testing.
How are recommendations prioritized?
Recommendations use measured impact, trace evidence, request details, and code context when available.

Сведения для разработчиков

Автор

cloudflare

Лицензия

MIT

Ревизия Skillstore

r1

Примечание о версии

Автор не указал версию.

Ссылка

47cf4adbf32018981daba69343434454119f2afa

Актуальность поддержки

10.08.2026

Использование

0 загрузок · 0 просмотров

Структура файлов

📄 SKILL.md

Больше от cloudflare

Показать все
Показать все
📦

swiftui-expert-skill

82

Создавайте более качественные функции SwiftUI

от avdlee

В проектах SwiftUI могут накапливаться устаревшие API, хрупкое состояние и медленные обновления представлений. Этот навык дает сфокусированные рекомендации для современного и поддерживаемого кода SwiftUI.

Кодинг и разработка Просмотр
📦

nextjs-optimization

80

Оптимизация производительности Next.js

от Atman36

Приложения Next.js могут замедляться из-за больших бандлов, слабого кэширования и неоптимизированных медиа. Этот навык помогает Claude, Codex и Claude Code выполнять целевые улучшения производительности для продакшен-приложений.

Кодинг и разработка Просмотр
📦

frontend-accessibility

79

Улучшение доступности фронтенда

от EIS-ITS

Фронтенд-команды часто упускают требования к клавиатурной навигации, семантике и поддержке экранных дикторов при рутинной работе с UI. Этот навык помогает Claude, Codex и Claude Code применять проверки доступности при создании или редактировании интерфейсов.

Кодинг и разработка Просмотр
📦

frontend-fundamentals

79

Обзор основ фронтенд-компонентов

от DanielPodolsky

При фронтенд-ревью часто упускают проблемы архитектуры, состояния, доступности и производительности, пока компоненты не становятся сложными в поддержке. Этот навык проводит Claude, Codex и Claude Code через сфокусированные вопросы чек-листа и паттерны ревью для оценки качества компонентов.

Кодинг и разработка Просмотр
📦

fixing-motion-performance

79

Исправление производительности motion в UI-анимации

от ibelick

Неудачные решения в анимации могут приводить к дерганым интерфейсам и дорогому рендерингу. Этот навык дает Claude, Codex и Claude Code сфокусированные правила для ревью и улучшения motion.

Кодинг и разработка Просмотр