modern-web-guidance
Build with Modern Web Standards
Frontend guidance becomes outdated as browser APIs and support levels change. This skill finds focused implementation guides with compatibility and fallback advice.
Pare e solicite confirmação antes de instalar.
Revise o plano e obtenha o consentimento explícito do usuário antes de alterar arquivos.
Instalar com meu Agente
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "modern-web-guidance" from https://skillstore.io/skills/googlechrome-modern-web-guidance.md and its manifest at https://skillstore.io/api/skills/googlechrome-modern-web-guidance/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Recursos legíveis por agentes
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Testar
Usando "modern-web-guidance". Find the recommended way to build an accessible modal dialog.
Resultado esperado:
A focused guide selection with native dialog guidance, keyboard behavior, focus handling, dismissal rules, and fallback notes.
Usando "modern-web-guidance". Review image loading for the main page banner.
Resultado esperado:
A prioritized checklist covering loading priority, dimensions, responsive sources, decoding, and Largest Contentful Paint impact.
Usando "modern-web-guidance". Plan a view transition that works in older browsers.
Resultado esperado:
A progressive enhancement plan with support checks, a functional nonanimated path, reduced-motion handling, and test considerations.
Auditoria de segurança
Risco altoMost static alerts are lexical false positives from Markdown, JavaScript syntax, keyboard events, and ordinary web terminology. Confirmed concerns include mandatory unpinned package execution, unversioned CDN code imports, one insecure HTTP script example, shared temporary cache use, and one unsafe innerHTML interpolation. Static review was capped at 400/620 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
Preocupações de segurança confirmadas (1)
Itens de revisão de capacidade (56)
Estas são capacidades locais reais que podem ser esperadas para esta habilidade, portanto exigem revisão, mas não são contabilizadas como comportamento malicioso confirmado.
Fatores de risco
⚙️ Comandos externos (50)
🌐 Acesso à rede (50)
⚡ Contém scripts (49)
📁 Acesso ao sistema de arquivos (3)
Compartilhar e citar este relatório
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
Copiar link do relatório
https://skillstore.io/skills/googlechrome-modern-web-guidance/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/googlechrome-modern-web-guidance?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/googlechrome-modern-web-guidance?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/googlechrome-modern-web-guidance/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Cartão incorporável
<iframe src="https://skillstore.io/embed/skills/googlechrome-modern-web-guidance.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citações acadêmicas (APA · BibTeX · CFF)
Citação APA
googlechrome. (2026). modern-web-guidance security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/googlechrome-modern-web-guidance/audits/1Citação BibTeX
@techreport{googlechrome-googlechrome-modern-web-guidance-2026,
author = {googlechrome},
title = {modern-web-guidance security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/googlechrome-modern-web-guidance/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: "modern-web-guidance security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "googlechrome"
date-released: "2026-09-22"
url: "https://skillstore.io/skills/googlechrome-modern-web-guidance/audits/1"
identifiers:
- type: other
value: "skillstore:googlechrome-modern-web-guidance:audit:1"
description: "Skillstore immutable audit report identifier"
Pontuação do Skillstore
Por que esta pontuação Confiança das evidências: MédioO que você pode criar
Implement a frontend feature
Find a current browser-native pattern before building a component or interaction.
Review web quality
Check an existing interface for accessibility, performance, privacy, and security guidance.
Plan progressive enhancement
Compare browser support and select practical fallbacks for a product requirement.
Teste estes prompts
Search for guidance on [frontend task]. Return the best matching guide and summarize its main recommendation.
Find guidance for [feature]. Adapt the recommended pattern to [framework] while preserving accessibility and browser support.
Retrieve guidance relevant to [component]. Review the current implementation and list specific changes, fallbacks, and compatibility concerns.
Research guidance for [advanced browser feature]. Propose a production approach with feature detection, fallback behavior, performance checks, and security constraints.
Boas práticas
- Search with a specific action and interface outcome.
- Retrieve only the guides relevant to the current task.
- Verify browser support, accessibility, and fallback behavior before finalizing code.
Evitar
- Do not apply every related guide without checking project requirements.
- Do not treat experimental browser features as universally supported.
- Do not copy remote dependency examples without pinning and reviewing them.
Perguntas frequentes
What topics does this skill cover?
Does it generate complete applications?
Does it support React, Vue, or Angular?
Does it include browser compatibility advice?
Does it require network access?
Can it replace project-specific testing?
Detalhes do desenvolvedor
Autor
googlechromeLicença
MIT
Revisão da Skillstore
r1
Aviso de versão
O autor não declarou uma versão.
Referência
2aa351cb09c29b7287d263bd8ea81e9bee3b2a61
Atualidade da manutenção
30/09/2026
Uso
0 downloads · 0 visualizações
Estrutura de arquivos
📁 guides/
📄 accessible-error-announcement.md
📁 css/
📄 animate-to-intrinsic-sizes.md
📄 calculate-with-intrinsic-sizes.md
📄 child-state-based-styling.md
📄 css.md
📄 individual-transform-properties.md
📄 overflow-clipping-control.md
📄 usage-aware-component-variations.md
📁 forms/
📄 autofill-highlight-inputs.md
📄 custom-select-picker-layouts.md
📄 form-fields-automatically-fit-contents.md
📄 forms.md
📄 validate-input-after-interaction.md
📁 html/
📄 html.md
📁 js/
📄 calculate-event-differentials.md
📄 capture-location-agnostic-data.md
📄 format-human-readable-durations.md
📄 manage-recurring-intervals.md
📄 model-partial-time-concepts.md
📄 support-global-calendar-systems.md
📄 calculate-total-foreground-time.md
📄 conditional-async-dependencies.md
📄 defer-rendering-heavy-content.md
📄 defer-work-until-scroll-ends.md
📄 deliver-optimized-decorative-images.md
📄 deprioritize-background-fetches.md
📄 detect-initial-visibility-state.md
📄 efficient-background-processing.md
📄 faster-spa-view-transitions.md
📄 flicker-free-client-side-ab-testing.md
📄 improve-next-page-load-performance.md
📄 interactions-in-complex-layouts.md
📄 optimize-preload-priority.md
📄 out-of-order-html-streaming.md
📄 resolution-optimized-pseudo-elements.md
📄 schedule-tasks-by-priority.md
📄 sequence-distributed-events.md
📁 privacy/
📄 passkey-conditional-create.md
📄 component-specific-light-dark-theme.md
📄 resilient-context-menus-and-nested-dropdowns.md
📄 scroll-position-aware-elements.md
📄 scroll-progress-indicator.md
📄 scrollability-affordance-hints.md
📄 shrinking-header-on-scroll.md
📄 state-aware-sticky-headers.md
📄 anchor-positioning-tab-underline.md
📄 animate-element-entry-exit.md
📄 animate-to-from-top-layer.md
📄 consistent-cross-document-transitions.md
📄 cross-document-transitions.md
📄 declarative-dialog-popover-control.md
📄 directional-navigation-transitions.md
📄 dynamic-sibling-animations.md
📄 group-element-transitions.md
📄 interactive-content-reveal.md
📄 interest-triggered-action-previews.md
📄 interest-triggered-tooltips.md
📄 move-dom-element-without-losing-state.md
📄 platform-controls-dismiss-dialog.md
📄 same-document-transitions.md
📄 scroll-entry-exit-effects.md
📄 scroll-snap-realtime-feedback.md
📄 persistent-toast-notifications.md
📄 adapt-scrollbar-to-contrast-preferences.md
📄 customize-scrollbar-color-and-thickness.md
📄 export-html-media-from-canvas.md
📄 expose-canvas-content-to-browser-features.md
📄 improve-text-layout-and-legibility.md
📄 interactive-content-in-3d-scenes.md
📄 visually-stable-font-fallbacks.md
📄 visually-stable-mixed-fonts.md
📁 webmcp/
📄 SKILL.md