Esta skill permite al agente generar contenido espacial, paralelo, comparable o interactivo utilizando HTML de un solo archivo en lugar de Markdown. Actúa como un enrutador, utilizando un marco de decisión para determinar el uso de HTML y despachando a una de las 9 sub-skills para solicitudes como comparación, planificación, revisión, informes, interpretación, presentaciones, edición o visualización, reutilizando plantillas para producir artefactos ejecutables.
/plugin marketplace add Azhi-ss/html-effectiveness
El comando exacto puede variar según el repositorio. Consulta el README en GitHub.
Para el autor de la skill
Muestra que tu skill está catalogada en Skillteca, genera backlink y tráfico rastreable.
[](https://www.skillteca.com.br/skills/html-effectiveness?utm_source=badge&utm_medium=readme&utm_campaign=badge)
Kit de herramientas para interactuar y probar aplicaciones web locales usando Playwright. Permite verificar la funcionalidad del frontend, depurar el comportamiento de la UI, capturar capturas de pantalla del navegador y ver los registros del navegador.
Aplica los colores y la tipografía oficiales de la marca Anthropic a cualquier artefacto que se beneficie de su identidad visual. Úselo cuando se apliquen pautas de estilo, formato visual o estándares de diseño de la empresa.
Crea interfaces frontend distintivas y de grado de producción con alta calidad de diseño, generando código creativo y pulido y diseño de UI que evita la estética genérica de IA. Úsela para construir componentes web, páginas y aplicaciones, o para estilizar/embellecer UIs web.
Suite de herramientas para crear artefactos HTML elaborados y multicomponente para claude.ai, utilizando tecnologías web frontend modernas (React, Tailwind CSS, shadcn/ui). Úselo para artefactos complejos que requieran gestión de estado, enrutamiento o componentes shadcn/ui, no para artefactos HTML/JSX simples de un solo archivo.
Alerta por categoría
Un email corto con solo las skills nuevas de Design e Frontend. 4 minutos de lectura, sin spam, te das de baja con un clic.
Confirmas tu email en el primer envío. Sin spam. Te das de baja con un clic.
Markdown 把所有信息压成线性文字流。diff 是空间的、对比是并排的、流程是图状的、交互是可感受的——这些维度被 markdown 抹平后，人需要在脑中重建它们。HTML 是 agent 真正的画布。
灵感来自 Thariq Shihipar 的 The unreasonable effectiveness of HTML。本 skill 把 9 大类 20 个范式系统化为可复用的决策框架 + 模板。
读完用户请求后，对答案做"形状测试"：
| 答案的形状 | 用什么 |
|---|---|
| 一段陈述、一个数字、一句结论 | 直接说 |
| 几个步骤、要点列表、单一代码片段 | markdown |
| 2+ 选项要并排比较（方案、设计、文案） | HTML |
| 空间关系（架构图、流程图、依赖、调 |
[Description truncada. Veja o README completo no GitHub.]
Entra para comentar. Entrar
