design-artifact

plannotator/effective-html

Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating or restyling any visual HTML deliverable and deciding its palette, type pairing, layout, theming, or overall register, or when the output must not look generically AI-generated.

Contenido actualizado:

Ver en GitHub
npx skills add plannotator/effective-html --skill design-artifact
4154Estrellas285ForksÚltimo push del repositorio

Acerca de este Skill

Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating or restyling any visual HTML deliverable and deciding its palette, type pairing, layout, theming, or overall register, or when the output must not look generically AI-generated.

Por qué lo elegimos

Summarized from the original plannotator/effective-html SKILL.md by Plannotator; the original upstream instructions were used.

Para qué sirve

  • Use this workflow when the task matches the original design-artifact instructions.

Antes de usarlo

  • Read the original SKILL.md and referenced files in plannotator/effective-html.

Fuentes y referencias

Las fuentes originales se enlazan a continuación. Los puntos de partida prácticos son sugerencias editoriales de SkillHey.