static-web-artifacts-builder

Installation
SKILL.md

Static Web Artifacts Builder

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

  1. Initialize the project scaffold using scripts/init-artifact.sh
  2. Develop your artifact by editing the generated HTML file(s)
  3. Validate and finalize using scripts/bundle-artifact.sh
  4. Display artifact to user

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

Design & Style Guidelines

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

Infographic-Specific Constraints

Installs
57
GitHub Stars
250
First Seen
Mar 23, 2026
static-web-artifacts-builder — mathews-tom/armory