Write a UI kit first, let Claude follow it: 80% of UI shipped in hours
gounisalex · reddit · 2026-09-01
The author thought they were better than Claude at UI design — direct generation always looked like AI slop. Then they switched to a workflow a real UI designer would use:
- Build the initial wireframe, then create a UI kit with Claude, defining guidelines in an MD file (no borders, soft shadows, more whitespace, Bézier-curve animations);
- Iterate while always asking Claude to follow the kit, ideally referencing the MD file in the repo — formality via the kit is the language Claude speaks.
Result: 80% of new UI features implemented in a few hours with zero manual tweaks. The output is a free open-source 2D PDF editor (Figma-like): repo https://github.com/AlexandrosGounis/pdfx, demo https://pdfx.zip.
More from coding & agent
- Fintech HR built a sourcing agent on 60,000 past applicants — 30 qualified candidates in a month — G0NZ0BOY · 2026-10-16
- Orchestrating a 100-image portrait of humanity for aliens with ChatGPT, Argon and p5.brush — dx8xb · 2026-10-16
- 3x DGX Spark cluster runs GLM-5.3-Flash locally behind a proxy, 1.75M tokens/day at 119W — Teknium · 2026-10-16
- Builder's one rule for trusted desktop agents: read freely, but sending, deleting, buying always ask first — No_Fan5310 · 2026-10-16
- GPT-built unifi-simulator makes MikroTik switches appear inside UniFi Network — Pytlicek · 2026-10-16
- Stanford drops 45-min SpaceX lecture on how Grok Bot's always-on agent harness works — Hesamation · 2026-10-16