Power Designpor ItsssssJack

Power Design Skill.

Elige primero el medio y luego aplica la marca sin confundir los requisitos de las diapositivas con los de un sitio web.

Diseño web
Presentaciones
Sistemas de marca

Descargar OpenDesign Ver la guía de uso

Revisión de la fuente · Power DesignSKILL.md

Tarea Diseño web Produce • Una presentación o un sitio web responsivo HTML; las fuentes tipográficas e imágenes enlazadas pueden requerir acceso a la red. • Un registro de estilo de marca reutilizable al extraer una nueva marca de origen. • Un resultado revisado con la lista de verificación de diapositivas o de sitio web en cuanto a contenido, diseño y accesibilidad. Antes de empezar La extracción de marca a partir de una URL requiere Firecrawl. Los resultados predeterminados evitan dependencias externas de JavaScript, aunque las fuentes tipográficas o las imágenes pueden seguir necesitando su propia disponibilidad y derechos.

Resumen editorial · fuente revisada 2026-10-07 · no es un ejemplo generado

01 Qué hace

Crea presentaciones o sitios web HTML basados en la marca

Un flujo de diseño HTML con extracción de marca compartida y reglas separadas para presentaciones y sitios web responsivos.

Flujo basado en la fuenteNo es una prueba de rendimiento de ejecución

El enfoque de trabajo

Power Design tiene dos vías de salida que comparten una base de marca: una presentación HTML de formato fijo y un sitio web responsivo. Puede usar una URL de marca mediante Firecrawl, un estilo de marca incluido o un valor neutro por defecto. Las mismas referencias de fondo, primer plano, acento, tipografía, radio y voz alimentan después las reglas propias de cada medio.

La distinción importa porque una diapositiva proyectada legible y una página web usable tienen restricciones distintas. La vía de diapositivas prioriza una cantidad limitada de contenido, una zona segura, un punto visual y un modo de presentación claro. La vía web añade diseño responsivo, estructura semántica, acceso por teclado, comportamiento de temas, formularios y metadatos. Son objetivos de diseño, no resultados de rendimiento medidos.

Entregables previstos

Una presentación o un sitio web responsivo HTML; las fuentes tipográficas e imágenes enlazadas pueden requerir acceso a la red.
Un registro de estilo de marca reutilizable al extraer una nueva marca de origen.
Un resultado revisado con la lista de verificación de diapositivas o de sitio web en cuanto a contenido, diseño y accesibilidad.

Ver el brief de ejemplo

Del brief a la revisión

01
Elige presentación o sitio web
Define el medio de salida antes de elegir las reglas o el lienzo.
02
Establece los insumos de marca
Usa una extracción autorizada desde una URL, un estilo existente de la biblioteca o la base neutra.
03
Aplica el conjunto de reglas correcto
Usa restricciones de presentación para las diapositivas y requisitos de interacción responsiva para los sitios web.
04
Guarda e inspecciona
Abre el resultado, revisa su comportamiento propio del medio e itera sobre el resultado real.

02 Cuándo usarlo

Cuándo usarlo

La extracción de marca a partir de una URL requiere Firecrawl. Los resultados predeterminados evitan dependencias externas de JavaScript, aunque las fuentes tipográficas o las imágenes pueden seguir necesitando su propia disponibilidad y derechos.

Buena opción

Presentaciones HTML con identidad de marcaÚtil cuando el entregable previsto es una presentación en el navegador.
Páginas de marketing responsivasOfrece una base sin frameworks con tratamiento claro y oscuro basado en tokens.

Límites que conviene revisar

No es un exportador a PPTXEl resultado predeterminado documentado es HTML, no un archivo nativo de PowerPoint.
La extracción de marca requiere accesoLa marca basada en URL depende de una integración de Firecrawl disponible y de material de origen accesible.
Los objetivos no son medicionesLos presupuestos de rendimiento y los umbrales de legibilidad indicados deben comprobarse en el resultado real, no darse por cumplidos automáticamente.

Aporta estos insumos

Medio y propósitoIndica si el resultado es una presentación o un sitio, y la acción o el mensaje que debe respaldar.
Fuente de la marcaProporciona una URL, una marca conocida de la biblioteca o permiso para usar un estilo neutro.
Contenido y públicoAporta las afirmaciones, secciones, puntos clave y destinatarios reales.

03 Decisiones importantes

Decisiones importantes

Reglas específicas de cada medio
Un lienzo de diapositiva fijo no debe heredar la densidad de un sitio web, y una página web no debe heredar supuestos de interacción exclusivos de las presentaciones.
Registro de marca compartido
El estilo de marca extraído puede alimentar ambas vías mientras sus reglas de diseño siguen separadas.
HTML simple por defecto
La fuente prefiere un resultado autocontenido, salvo que se necesite explícitamente un proyecto o framework mayor.

04 Ejemplo de brief

Prueba un brief concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración del skill antes de usarlo.

Revisa la configuración

Conserva los principios, la biblioteca de marcas y las referencias de extracción junto con el Skill. La fuente no establece un instalador universal de una sola línea.

Archivo fuente original

https://github.com/ItsssssJack/power-design/blob/f0c4143a38787aa33975b0e1811ccdf27d3014a1/SKILL.md

Empieza con un solo entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar el skill.

Brief de ejemplo

Usa power-design para crear una página HTML responsiva, no una presentación, para el taller indicado. Usa nuestro archivo de estilo de marca y los datos verificados del evento. Mantén una sola acción de registro, admite el uso con teclado y los temas claro y oscuro, e informa por separado de las comprobaciones reales de viewport y rendimiento frente a los objetivos de diseño.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

El resultado seleccionado sigue las reglas del medio correcto.
Los valores de marca son trazables al estilo proporcionado o extraído.
El sitio web o la presentación se inspecciona en el contexto de navegador previsto.

OpenDesign ofrece un espacio de trabajo de diseño local para agentes de programación. Este listado no significa que el skill esté incluido ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

Descargar OpenDesign Leer la guía de inicio rápido

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fija de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente: ItsssssJack
Repositorio: ItsssssJack/power-design
Archivo del skill: SKILL.md
Licencia: MIT
Versión revisada: 2026-10-07 · f0c4143a3878

Resumen editorial de la fuente

Un flujo de diseño HTML con extracción de marca compartida y reglas separadas para presentaciones y sitios web responsivos.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad fechada, no uso del skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Puede producir archivos de PowerPoint?

La fuente describe presentaciones HTML. Un entregable nativo de PPTX requiere un flujo aparte de conversión o creación.

¿Siempre necesita Firecrawl?

Solo la vía de extracción desde URL depende de él; la fuente también ofrece estilos de marca existentes y un valor neutro por defecto.

¿Incluye modos claro y oscuro para sitios web?

Forman parte del sitio web predeterminado documentado, junto con un interruptor manual persistente, salvo que se cambie el alcance.

OpenDesign

Deja espacio para la siguiente iteración de diseño.

Mantén tu brief, el material de origen y tu trabajo de diseño juntos en un espacio de trabajo local. Revisa la configuración propia del skill antes de añadirlo a tu flujo de trabajo.

Descargar OpenDesign Explorar skills de diseño