Habilidades vanilla-webpage

📦

vanilla-webpage

Name: vanilla-webpage
Author: yuzu-octopus

Revisión del contenido r1 Seguro ⚡ Contiene scripts⚙️ Comandos externos🌐 Acceso a red📁 Acceso al sistema de archivos

Crear páginas web estáticas con Vanilla

Las páginas web simples a menudo no necesitan un sistema de compilación ni un framework frontend. Esta skill ayuda a Claude, Codex y Claude Code a crear páginas estáticas accesibles con HTML, CSS y JavaScript modernos.

Compatible con: Claude Codex Code(CC)

📊 76 Adecuado

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "vanilla-webpage" from https://skillstore.io/skills/yuzu-octopus-vanilla-webpage.md and its manifest at https://skillstore.io/api/skills/yuzu-octopus-vanilla-webpage/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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.

Detalle Markdown GET /skills/yuzu-octopus-vanilla-webpage.md Manifest firmado GET /api/skills/yuzu-octopus-vanilla-webpage/manifest Lockfile firmado GET /api/skills/yuzu-octopus-vanilla-webpage/lockfile

Pruébalo

Usando "vanilla-webpage". Crea una página de inicio sin compilación para un estudio de diseño local.

Resultado esperado:

Una sola página HTML con secciones semánticas, estilos incrustados, tipografía responsiva, botones accesibles y jerarquía visual clara.

Usando "vanilla-webpage". Crea una pequeña interfaz de notas usando almacenamiento del navegador.

Resultado esperado:

Una página estática con controles de formulario, notas guardadas, acciones de edición y eliminación, soporte de teclado y orientación para renderizado seguro de texto.

Usando "vanilla-webpage". Haz una página de documentación con navegación y ejemplos.

Resultado esperado:

Un layout de documentación legible con una barra lateral, secciones de artículo, ejemplos de código, comportamiento responsivo y estilos de foco accesibles.

Auditoría de seguridad

Seguro

v4 • 8/7/2026 Abrir el informe versionado

Most static alerts are false positives caused by Markdown backticks, CSS terminology, tutorial URLs, and browser syntax. I confirmed unsafe copyable DOM-rendering examples that place local user data into innerHTML without escaping. No evidence found for prompt injection, secret exfiltration, or actual shell command execution.

Archivos escaneados

6,611

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Elementos de revisión de capacidades (3)

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.

Medio

cookbook/interactivity/todo-app/index.html:60

innerHTML assignment (XSS risk)

list.innerHTML = todos.map((t, i) => `

The todo demo renders locally entered todo text from localStorage into innerHTML without escaping. If copied for untrusted input, this is a stored DOM XSS pattern.

Medio

docs/tutorials/04-full-project.md:96

innerHTML assignment (XSS risk)

document.getElementById('notes-grid').innerHTML = notes.map(n => `

The notes tutorial maps saved user note text into innerHTML without escaping. The example is documentation, but it teaches a copyable stored DOM XSS pattern.

Medio

SKILL.md:1204

innerHTML assignment (XSS risk)

container.innerHTML = items.map(renderItem).join('');

The skill shows template-literal rendering into innerHTML using item fields. The snippet lacks an explicit trusted-data boundary, so it can encourage unsafe DOM rendering.

Factores de riesgo

⚡ Contiene scripts (8)

cookbook/forms/login-signup/index.html:71 cookbook/forms/login-signup/index.html:75 cookbook/interactivity/todo-app/index.html:60 docs/tutorials/04-full-project.md:96 SKILL.md:1517 SKILL.md:1204 SKILL.md:1228 SKILL.md:1232

⚙️ Comandos externos (300)

cookbook/interactivity/toast-notifications/index.html:63 cookbook/interactivity/todo-app/index.html:60-66 docs/tutorials/04-full-project.md:104-144 SKILL.md:41 SKILL.md:42 SKILL.md:43 SKILL.md:44 SKILL.md:48-51 SKILL.md:51-57 SKILL.md:57-60 SKILL.md:60-67 SKILL.md:67-70 SKILL.md:70-88 SKILL.md:88 SKILL.md:97-103 SKILL.md:103-109 SKILL.md:109 SKILL.md:110 SKILL.md:112 SKILL.md:113 SKILL.md:114-118 SKILL.md:118-132 SKILL.md:132-140 SKILL.md:140-147 SKILL.md:147-153 SKILL.md:153 SKILL.md:154-155 SKILL.md:155-159 SKILL.md:159-171 SKILL.md:171-175 SKILL.md:175-180 SKILL.md:180-184 SKILL.md:184-192 SKILL.md:192-194 SKILL.md:194 SKILL.md:198-212 SKILL.md:212-214 SKILL.md:214-218 SKILL.md:218-231 SKILL.md:231-233 SKILL.md:233-241 SKILL.md:241-245 SKILL.md:245-248 SKILL.md:248-252 SKILL.md:252-263 SKILL.md:263-265 SKILL.md:265 SKILL.md:266 SKILL.md:267 SKILL.md:272-275 SKILL.md:275-276 SKILL.md:276-278 SKILL.md:278-286 SKILL.md:286-303 SKILL.md:303-307 SKILL.md:307-318 SKILL.md:318-322 SKILL.md:322-333 SKILL.md:333-337 SKILL.md:337-347 SKILL.md:347-351 SKILL.md:351-369 SKILL.md:369-373 SKILL.md:373-382 SKILL.md:382-386 SKILL.md:386-398 SKILL.md:398-404 SKILL.md:404-407 SKILL.md:407-411 SKILL.md:411-415 SKILL.md:415-419 SKILL.md:419-425 SKILL.md:425-429 SKILL.md:429-432 SKILL.md:432-436 SKILL.md:436-439 SKILL.md:439-443 SKILL.md:443-452 SKILL.md:452-456 SKILL.md:456-465 SKILL.md:465-469 SKILL.md:469-476 SKILL.md:476-480 SKILL.md:480-494 SKILL.md:494-498 SKILL.md:498-513 SKILL.md:513-519 SKILL.md:519-524 SKILL.md:524-528 SKILL.md:528-535 SKILL.md:535-539 SKILL.md:539-548 SKILL.md:548-552 SKILL.md:552-566 SKILL.md:566-570 SKILL.md:570-585 SKILL.md:585-589 SKILL.md:589-624 SKILL.md:624-630 SKILL.md:630-641 SKILL.md:641-645 SKILL.md:645-669 SKILL.md:669-673 SKILL.md:673-693 SKILL.md:693-697 SKILL.md:697-701 SKILL.md:701-705 SKILL.md:705-710 SKILL.md:710-714 SKILL.md:714-720 SKILL.md:720-724 SKILL.md:724-752 SKILL.md:752-756 SKILL.md:756-767 SKILL.md:767-771 SKILL.md:771-777 SKILL.md:777-781 SKILL.md:781-789 SKILL.md:789-793 SKILL.md:793-802 SKILL.md:802-806 SKILL.md:806-820 SKILL.md:820-822 SKILL.md:822 SKILL.md:826-831 SKILL.md:831-835 SKILL.md:835-842 SKILL.md:842-846 SKILL.md:846-862 SKILL.md:862-864 SKILL.md:864-865 SKILL.md:865 SKILL.md:866-872 SKILL.md:872-889 SKILL.md:889-893 SKILL.md:893-898 SKILL.md:898-911 SKILL.md:911-913 SKILL.md:913-918 SKILL.md:918-921 SKILL.md:921-928 SKILL.md:928-943 SKILL.md:943-945 SKILL.md:945-946 SKILL.md:946-951 SKILL.md:951-963 SKILL.md:963-966 SKILL.md:966 SKILL.md:972-993 SKILL.md:993-1002 SKILL.md:1002-1016 SKILL.md:1016-1018 SKILL.md:1018-1028 SKILL.md:1028-1036 SKILL.md:1036-1059 SKILL.md:1059-1061 SKILL.md:1061-1062 SKILL.md:1062-1067 SKILL.md:1067-1072 SKILL.md:1072-1076 SKILL.md:1076-1082 SKILL.md:1082-1085 SKILL.md:1085-1090 SKILL.md:1090-1097 SKILL.md:1097-1099 SKILL.md:1099-1104 SKILL.md:1104-1108 SKILL.md:1108 SKILL.md:1116-1128 SKILL.md:1128-1132 SKILL.md:1132-1142 SKILL.md:1142-1146 SKILL.md:1146-1157 SKILL.md:1157-1161 SKILL.md:1161-1177 SKILL.md:1177-1181 SKILL.md:1181-1190 SKILL.md:1190-1194 SKILL.md:1194-1195 SKILL.md:1202-1205 SKILL.md:1205-1209 SKILL.md:1209-1211 SKILL.md:1211-1212 SKILL.md:1212-1215 SKILL.md:1215-1219 SKILL.md:1219-1237 SKILL.md:1237-1241 SKILL.md:1241-1246 SKILL.md:1246-1256 SKILL.md:1256-1260 SKILL.md:1260-1276 SKILL.md:1276-1280 SKILL.md:1280-1292 SKILL.md:1292-1296 SKILL.md:1296-1307 SKILL.md:1307-1311 SKILL.md:1311-1319 SKILL.md:1319-1323 SKILL.md:1323-1330 SKILL.md:1330-1334 SKILL.md:1334-1358 SKILL.md:1358-1362 SKILL.md:1362-1372 SKILL.md:1372-1375 SKILL.md:1375-1379 SKILL.md:1379-1388 SKILL.md:1388-1392 SKILL.md:1392-1398 SKILL.md:1398-1405 SKILL.md:1405-1466 SKILL.md:1466-1481 SKILL.md:1481-1488 SKILL.md:1488 SKILL.md:1489-1490 SKILL.md:1490-1494 SKILL.md:1494-1497 SKILL.md:1497-1505 SKILL.md:1505 SKILL.md:1513 SKILL.md:1515 SKILL.md:1516 SKILL.md:1517-1518 SKILL.md:1518 SKILL.md:1519 SKILL.md:1520 SKILL.md:1521-1542 SKILL.md:1542-1543 SKILL.md:1543-1545 SKILL.md:1545 SKILL.md:1547-1550 SKILL.md:1550-1558 SKILL.md:1558-1566 SKILL.md:1566-1573 SKILL.md:1573-1577 SKILL.md:1577-1602 SKILL.md:1602-1609 SKILL.md:1609-1614 SKILL.md:1614-1621 SKILL.md:1621-1629 SKILL.md:1629-1633 SKILL.md:1633-1638 SKILL.md:1638-1644 SKILL.md:1644-1649 SKILL.md:1649-1656 SKILL.md:1656-1659 SKILL.md:1659-1661 SKILL.md:1661-1673 SKILL.md:1673-1677 SKILL.md:1677-1681 SKILL.md:1681-1685 SKILL.md:1685-1699 SKILL.md:1699-1703 SKILL.md:1703-1709 SKILL.md:1709-1713 SKILL.md:1713-1721 SKILL.md:1721-1725 SKILL.md:1725-1734 SKILL.md:1734-1740 SKILL.md:1740-1743 SKILL.md:1743-1744 SKILL.md:1744-1745 SKILL.md:1745-1746 SKILL.md:1746-1747 SKILL.md:1747-1748 SKILL.md:1748-1751 SKILL.md:1751-1752 SKILL.md:1752-1753 SKILL.md:1753-1754 SKILL.md:1754-1755 SKILL.md:1755-1758 SKILL.md:1758-1759 SKILL.md:1759-1760 SKILL.md:1760-1761 SKILL.md:1761-1762 SKILL.md:1762-1765 SKILL.md:1765-1766 SKILL.md:1766-1767 SKILL.md:1767-1768 SKILL.md:1768-1771 SKILL.md:1771-1772 SKILL.md:1772-1773 SKILL.md:1773-1774 SKILL.md:1774-1775 SKILL.md:1775-1776 SKILL.md:1776-1777 SKILL.md:1777-1778 SKILL.md:1778-1779 SKILL.md:1779-1782 SKILL.md:1782-1783 SKILL.md:1783-1784 SKILL.md:1784 SKILL.md:1785 SKILL.md:1786-1787 SKILL.md:1787-1788 SKILL.md:1788-1789 SKILL.md:1789-1790 SKILL.md:1790-1793 SKILL.md:1793-1794 SKILL.md:1794-1795 SKILL.md:1795-1796

🌐 Acceso a red (12)

docs/guides/framework-usage.md:14 docs/guides/framework-usage.md:50 docs/guides/getting-started.md:67 docs/guides/getting-started.md:82 docs/tutorials/01-first-page.md:109 SKILL.md:1245 SKILL.md:1272 SKILL.md:1273 SKILL.md:1299 SKILL.md:59 SKILL.md:1255 templates/with-framework.html:7

📁 Acceso al sistema de archivos (1)

templates/starter.html:8

Auditado por: codex Ver historial de auditorías →

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.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/yuzu-octopus-vanilla-webpage/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/yuzu-octopus-vanilla-webpage/security.svg)](https://skillstore.io/skills/yuzu-octopus-vanilla-webpage?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/yuzu-octopus-vanilla-webpage?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/yuzu-octopus-vanilla-webpage/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/yuzu-octopus-vanilla-webpage.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

yuzu-octopus. (2026). vanilla-webpage security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/yuzu-octopus-vanilla-webpage/audits/4

Cita BibTeX

@techreport{yuzu-octopus-yuzu-octopus-vanilla-webpage-2026,
  author = {yuzu-octopus},
  title = {vanilla-webpage security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/yuzu-octopus-vanilla-webpage/audits/4},
  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: "vanilla-webpage security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "yuzu-octopus"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/yuzu-octopus-vanilla-webpage/audits/4"
identifiers:
  - type: other
    value: "skillstore:yuzu-octopus-vanilla-webpage:audit:4"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Prototipar una página de producto

Crea una página de marketing o producto responsiva con secciones semánticas, CSS pulido y sin herramientas de compilación.

Crear una página de documentación

Genera layouts de documentación legibles con navegación, tipografía, bloques de código y estructura accesible.

Crear una pequeña herramienta de navegador

Crea una utilidad de una sola página con controles de formulario, interactividad local y comportamiento responsivo claro.

Prueba estos prompts

Landing page para principiantes

Crea una página web estática de un solo archivo para una pequeña empresa. Usa HTML semántico, CSS responsivo, colores accesibles y ningún paso de compilación.

Layout responsivo

Crea un layout de página web responsivo con un encabezado fijo, secciones de funciones, tarjetas y un pie de página. Usa vanilla CSS y explica brevemente cualquier decisión de layout.

Formulario interactivo

Crea un formulario de contacto accesible con estados de validación, controles aptos para teclado y actualizaciones seguras del DOM usando vanilla JavaScript.

Página pulida de varias secciones

Usa la skill de páginas web vanilla para crear una página de dashboard pulida con varias secciones. Reutiliza patrones del recetario cuando sea apropiado y verifica el comportamiento responsivo.

Mejores prácticas

Empieza con HTML semántico y añade CSS o JavaScript solo cuando el comportamiento de la página lo requiera.
Usa los tokens y patrones del recetario proporcionados antes de inventar nuevos estilos de espaciado, color o componentes.
Renderiza el texto proporcionado por el usuario con textContent o salida sanitizada en lugar de raw innerHTML.

Evitar

Añadir un gestor de paquetes, una herramienta de compilación o un framework grande para una página estática simple.
Copiar JavaScript del recetario a producción sin comprobar el manejo de entradas y la accesibilidad.
Usar efectos visuales que reduzcan la legibilidad, el contraste, el acceso con teclado o la comodidad frente al movimiento.

Preguntas frecuentes

¿Esta skill requiere Node o npm?

No. La skill está diseñada para HTML, CSS y JavaScript estáticos servidos directamente por un servidor local simple.

¿Puede usar frameworks CSS?

Sí, pero solo frameworks pequeños permitidos cuando el marco de decisión muestra que son útiles para la página.

¿Es adecuada para aplicaciones web complejas?

No. Es más adecuada para páginas estáticas, prototipos, páginas de documentación y pequeñas herramientas de navegador.

¿Incluye orientación sobre accesibilidad?

Sí. Cubre marcado semántico, etiquetas, foco de teclado, contraste, movimiento reducido y comportamiento responsivo.

¿Claude Code o Codex pueden usarla?

Sí. La skill declara soporte para flujos de trabajo de Claude, Codex y Claude Code.

¿Los ejemplos están listos para producción?

Son puntos de partida útiles. Los ejemplos de JavaScript que renderizan entrada del usuario deben revisarse y reforzarse antes de usarse en producción.

Detalles del desarrollador

Autor

yuzu-octopus

Licencia

MIT

Revisión de Skillstore

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/yuzu-octopus/simple-webpage/tree/main/skills/simple-webpage

Ref.

64ca8af0f54a325752f08bd54e52151061ea659a

Actualidad del mantenimiento

20/7/2026

Uso

4 descargas · 1 vistas

Estructura de archivos