Trystan-SA/claude-design-system-prompt: test run, 2026-10-10
The same brief, built twice by Claude Code (Claude Opus 5.5) in a throwaway sandbox: a landing page for a made-up app, with fixed copy and the design left open. Measured in a browser at 1440 and 375 px. All results · The brief · How it is counted
Shares 1.5 of 4 with the no-skill page; its two builds share 3 of 4; 7.0 of 7 checks passed.
Build 1
Build 2
Click a picture for the whole page.
Fonts and colours
| Build 1 | Build 2 | |
|---|---|---|
| Headline font | bricolage grotesque | bricolage grotesque |
| Body font | instrument sans | public sans |
| Accent colour | teal | teal |
| Background | cool paper | cool paper |
Page checks
| Build 1 | Build 2 | |
|---|---|---|
| copy complete | pass | pass |
| nothing added | pass | pass |
| one h1 | pass | pass |
| button on the first screen | pass | pass |
| no sideways scroll on a phone | pass | pass |
| no script errors | pass | pass |
| no outside requests | pass | pass |