Reverse engineered prompt

GitHub

Build me an agent skill called Archify that lets me describe a system or process in plain English and get back a polished technical diagram I can open locally in the browser. I want it to handle architecture views, workflows, sequence diagrams, data flow diagrams, and lifecycle diagrams, and it should feel useful in chat so I can say things like add Redis, move auth left, or highlight the rollback path.

The output should be a single self contained HTML file with no server needed. It needs a dark and light theme toggle that remembers my choice, plus easy export to PNG, JPEG, WebP, and SVG. The raster exports should stay crisp up to 4x, and SVG should respect system dark or light mode. I also want a quick copy PNG to clipboard action.

Please make the diagrams look clean and readable without me doing design work. Use sensible visual categories for tech labels like postgres, redis, github actions, openai, or aws lambda. Add validation so bad layouts or broken HTML and SVG get caught before the result is returned. Look up current docs online if you need to.

Have a live product UI? Try website reverse