·static-web-artifacts-builder
{}

static-web-artifacts-builder

✓
mathews-tom/praxis-skillsGitHub: mathews-tom/praxis-skillsFuente: mathews-tom/praxis-skills

Conjunto de herramientas para crear artefactos HTML estáticos elaborados y autónomos: infografías, diagramas interactivos, elementos visuales de arquitectura, paneles de datos y entregables visuales enriquecidos. Utilice esta habilidad cuando se le solicite crear un artefacto HTML interactivo, construir un componente web autónomo, generar una visualización HTML estática, hacer un diagrama interactivo, producir una infografía visual o representar cualquier imagen de alta densidad como un único archivo HTML. Cadena de herramientas de compilación cero: sin React, sin Vite, sin Parcel. HTML5 puro + CSS3 (Grid/Flexbox) + SVG en línea. Activadores de: "crear HTML interactivo", "crear un componente web autónomo", "generar visualización HTML estática", "crear un diagrama interactivo", "producir infografía", "presentar como artefacto HTML", "crear un panel visual", "crear un diagrama que puedo abrir en el navegador".

mathews-tom·static·web·artifacts·builder
15Instalaciones·0Tendencia·@mathews-tom

Instalación

GitHub: mathews-tom/praxis-skills
$npx skills add https://github.com/mathews-tom/praxis-skills --skill static-web-artifacts-builder

Cómo instalar static-web-artifacts-builder

Instala rápidamente el skill de IA static-web-artifacts-builder en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/mathews-tom/praxis-skills --skill static-web-artifacts-builder
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: mathews-tom/praxis-skills.

SKILL.md

Ver original

To build high-density static infographic artifacts, follow these steps:

Stack: Vanilla HTML5 + CSS3 (Grid/Flexbox) + inline SVG — zero runtime dependencies

VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.

Conjunto de herramientas para crear artefactos HTML estáticos elaborados y autónomos: infografías, diagramas interactivos, elementos visuales de arquitectura, paneles de datos y entregables visuales enriquecidos. Utilice esta habilidad cuando se le solicite crear un artefacto HTML interactivo, construir un componente web autónomo, generar una visualización HTML estática, hacer un diagrama interactivo, producir una infografía visual o representar cualquier imagen de alta densidad como un único archivo HTML. Cadena de herramientas de compilación cero: sin React, sin Vite, sin Parcel. HTML5 puro + CSS3 (Grid/Flexbox) + SVG en línea. Activadores de: "crear HTML interactivo", "crear un componente web autónomo", "generar visualización HTML estática", "crear un diagrama interactivo", "producir infografía", "presentar como artefacto HTML", "crear un panel visual", "crear un diagrama que puedo abrir en el navegador". Fuente: mathews-tom/praxis-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/mathews-tom/praxis-skills --skill static-web-artifacts-builder
Fuente
mathews-tom/praxis-skills
Categoría
{}Análisis de Datos
Verificado
✓
Primera vez visto
2026-02-25
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/mathews-tom/praxis-skills/static-web-artifacts-builder

Browse more skills from mathews-tom/praxis-skills

Respuestas rápidas

¿Qué es static-web-artifacts-builder?

Conjunto de herramientas para crear artefactos HTML estáticos elaborados y autónomos: infografías, diagramas interactivos, elementos visuales de arquitectura, paneles de datos y entregables visuales enriquecidos. Utilice esta habilidad cuando se le solicite crear un artefacto HTML interactivo, construir un componente web autónomo, generar una visualización HTML estática, hacer un diagrama interactivo, producir una infografía visual o representar cualquier imagen de alta densidad como un único archivo HTML. Cadena de herramientas de compilación cero: sin React, sin Vite, sin Parcel. HTML5 puro + CSS3 (Grid/Flexbox) + SVG en línea. Activadores de: "crear HTML interactivo", "crear un componente web autónomo", "generar visualización HTML estática", "crear un diagrama interactivo", "producir infografía", "presentar como artefacto HTML", "crear un panel visual", "crear un diagrama que puedo abrir en el navegador". Fuente: mathews-tom/praxis-skills.

¿Cómo instalo static-web-artifacts-builder?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/mathews-tom/praxis-skills --skill static-web-artifacts-builder Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/mathews-tom/praxis-skills

Detalles

Categoría
{}Análisis de Datos
Fuente
skills.sh
Primera vez visto
2026-02-25

Skills Relacionados

html-presentation
22 Instalaciones
concept-to-image
18 Instalaciones
linkedin-post-style
18 Instalaciones
md-to-pdf
17 Instalaciones
concept-to-video
16 Instalaciones
github
16 Instalaciones