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.
Detente y solicita confirmación antes de instalar.
Revisa el plan y obtén el consentimiento explícito del usuario antes de modificar archivos.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
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.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
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.
Auditoría de seguridad
Riesgo 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.
Preocupaciones de seguridad confirmadas (1)
Elementos de revisión de capacidades (56)
Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.
Factores de riesgo
⚙️ Comandos externos (50)
🌐 Acceso a red (50)
⚡ Contiene scripts (49)
📁 Acceso al sistema de archivos (3)
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/googlechrome-modern-web-guidance/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/googlechrome-modern-web-guidance?utm_source=security_passport_badge)Insignia 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>Tarjeta para insertar
<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>Citas académicas (APA · BibTeX · CFF)
Cita 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 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"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: MedioLo que puedes crear
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.
Prueba estos 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.
Mejores prácticas
- 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.
Preguntas frecuentes
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?
Detalles del desarrollador
Autor
googlechromeLicencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Ref.
2aa351cb09c29b7287d263bd8ea81e9bee3b2a61
Actualidad del mantenimiento
30/9/2026
Uso
0 descargas · 0 vistas
Estructura de archivos
📁 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