design-system-generator
Installation
SKILL.md
Design System Generator
Viktor's house flow for turning a client's website into a polished, single-file HTML
design system he can show the client and grow proposals from. Two archetypes anchor the
range: an engineering/construction brand (charcoal + a corporate-blue accent, blueprint
character) and a software/dev brand (green + dev-mono, friendly-SaaS character). Prior
builds are saved locally as <workspace>/<client>-design-system/index.html — read
the most recent ones as gold-standard references before building.
Output contract
A single self-contained index.html (no build step, Google Fonts via CDN), saved to
<workspace>/<client>-design-system/index.html, previewed locally, then deployed
to https://<client>-design-system.netlify.app. Plus a memory file.