Skill demos
No skill
What Claude builds by default, with no design skill loaded. The control.
What the skill decided
- Fraunces serif for headings, prices and card fronts; Inter for running text.
- Warm off-white paper with tan bands on alternate sections, one blue accent and deep navy for card backs and the closing band.
- Split hero: words on the left, an app window with a tilted “due tomorrow” card on the right.
- Step cards, a 2×2 feature grid, two pricing plans side by side and an FAQ that opens in place.
- The demo highlights the note’s lines and the cards flip over on tap; reduced motion swaps faces instead of turning.
- Left rough, by its own account: the pricing pair leaves space on the right and the headline runs to three lines on desktop.